Merge pull request nevercodealone#93 from rogoit/main

Accessibility fixes for glossar and navigation.
rogoit · May 10, 2024 · 60bc039 · 60bc039
2 parents 4e7f7b4 + 6ece4d3
commit 60bc039
Show file tree

Hide file tree

Showing 8 changed files with 15 additions and 13 deletions.
diff --git a/assets/website/styles/app.css b/assets/website/styles/app.css
@@ -5,10 +5,10 @@
 [x-cloak] { display: none; }
 
 a {
-    @apply text-green-400;
+    @apply text-green-700;
     opacity: unset;
 }
 
 a:hover, a:focus {
-    @apply text-green-500 underline;
+    @apply text-green-800 underline;
 }
diff --git a/public/build/website/960.f1189207.css → public/build/website/960.38ee983a.css b/public/build/website/960.f1189207.css → public/build/website/960.38ee983a.css
diff --git a/public/build/website/entrypoints.json b/public/build/website/entrypoints.json
@@ -7,15 +7,15 @@
         "/build/website/app.f7350905.js"
       ],
       "css": [
-        "/build/website/960.f1189207.css"
+        "/build/website/960.38ee983a.css"
       ]
     },
     "style": {
       "js": [
         "/build/website/runtime.d33663a3.js"
       ],
       "css": [
-        "/build/website/960.f1189207.css"
+        "/build/website/960.38ee983a.css"
       ]
     }
   }

diff --git a/public/build/website/manifest.json b/public/build/website/manifest.json
@@ -2,5 +2,5 @@
   "build/website/app.js": "/build/website/app.f7350905.js",
   "build/website/runtime.js": "/build/website/runtime.d33663a3.js",
   "build/website/236.31bcff30.js": "/build/website/236.31bcff30.js",
-  "build/website/960.f1189207.css": "/build/website/960.f1189207.css"
+  "build/website/960.38ee983a.css": "/build/website/960.38ee983a.css"
 }
diff --git a/templates/base-tailwind.html.twig b/templates/base-tailwind.html.twig
@@ -68,7 +68,7 @@
             </div>
         </div>
         <div class="mt-4 md:order-1 md:mt-0">
-            <p class="text-center text-base text-gray-400">Never Code Alone</p>
+            <p class="text-center text-base text-gray-800">Never Code Alone</p>
         </div>
     </div>
 </footer>

diff --git a/templates/includes/tailwind/blocks/excerpt-image.html.twig b/templates/includes/tailwind/blocks/excerpt-image.html.twig
@@ -1,5 +1,8 @@
 {% if extensionexcerpt.images[0] is defined and extensionexcerpt.images[0] is not empty %}
   {% set source = extensionexcerpt.images[0].thumbnails['content-full.webp'] %}
   {% set alt = extensionexcerpt.images[0].description %}
-  <img class="h-auto max-w-full" src="{{ source }}" alt="{{ alt }}">
+  <figure class="text-center">
+    <img class="h-auto max-w-full mx-auto" src="{{ source }}" alt="">
+    <figcaption class="pt-4">{{ alt }}</figcaption>
+  </figure>
 {% endif %}
diff --git a/templates/includes/tailwind/blocks/subpages-overview.html.twig b/templates/includes/tailwind/blocks/subpages-overview.html.twig
@@ -8,7 +8,7 @@
           <img src="{{ source }}"
                srcset="{{ sourceSet }} 1023w"
                class="h-auto max-w-full"
-               alt="{{ item.excerptImages[0].description }}"
+               alt=""
           >
         {% endif %}
         <h3 class="mt-3 text-lg font-semibold leading-6 text-gray-900 group-hover:text-gray-600">

diff --git a/templates/includes/tailwind/navigation.html.twig b/templates/includes/tailwind/navigation.html.twig
@@ -77,10 +77,9 @@
                 {% endfor %}
             </nav>
             <div class="flex items-center md:ml-12">
-                <a href="mailto:roland@nevercodealone.de"
-                   class="ml-8 inline-flex items-center justify-center rounded-md border border-transparent bg-green-600 px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-green-700">
-                    E-Mail
-                </a>
+              <a href="mailto:roland@nevercodealone.de" class="ml-8 inline-flex items-center justify-center rounded-md border border-transparent bg-green-700 px-4 py-2 text-base font-semibold text-white shadow-sm hover:bg-green-800">
+                E-Mail
+              </a>
             </div>
         </div>
     </div>