Merge pull request #496 from raifdmueller/fix/homepage-accessibility-492

fix(a11y): raise --color-text-secondary to gray-600 for WCAG AA contrast

Author: rdmueller

website/src/components/footer.js

@@ -81,7 +81,7 @@ export function renderFooter(version) {
                 class="h-6 w-auto"
                 loading="lazy"
               />
-              <span class="text-xs text-[var(--color-text-secondary)]">HMZE <span class="opacity-60">(DE)</span></span>
+              <span class="text-xs text-[var(--color-text-secondary)]">HMZE (DE)</span>
             </a>
             <span class="text-gray-300 dark:text-gray-600">|</span>
             <a
@@ -99,7 +99,7 @@ export function renderFooter(version) {
                 class="h-6 w-auto"
                 loading="lazy"
               />
-              <span class="text-xs text-[var(--color-text-secondary)]">rabauer.dev <span class="opacity-60">(EN)</span></span>
+              <span class="text-xs text-[var(--color-text-secondary)]">rabauer.dev (EN)</span>
             </a>
           </div>
         </div>

website/src/styles/main.css

@@ -10,7 +10,8 @@
   --color-bg: #ffffff;
   --color-bg-secondary: #f3f4f6;
   --color-text: #1f2937;
-  --color-text-secondary: #6b7280;
+  /* gray-600, not gray-500: clears WCAG AA 4.5:1 on --color-bg-secondary */
+  --color-text-secondary: #4b5563;
   --color-border: #e5e7eb;
 }