diff --git a/website/src/components/footer.js b/website/src/components/footer.js
index beb49d3..03e1daf 100644
--- a/website/src/components/footer.js
+++ b/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>
diff --git a/website/src/styles/main.css b/website/src/styles/main.css
index 226b531..5b9aae6 100644
--- a/website/src/styles/main.css
+++ b/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;
 }