From 66b26eb40fec1fca3cbf5e1a32a4674d49a2d301 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yannik=20R=C3=B6del?= <hey@yannik.info>
Date: Tue, 13 Jan 2026 23:16:46 +0100
Subject: [PATCH] Improve link a11y for navigations

---
 styles/components/_site.scss | 10 +++++++---
 styles/components/_tabs.scss |  6 +++++-
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/styles/components/_site.scss b/styles/components/_site.scss
index 293cbd9..04fb178 100644
--- a/styles/components/_site.scss
+++ b/styles/components/_site.scss
@@ -93,13 +93,17 @@
 		}
 	}
 
-	a {
+	:any-link {
 		display: block;
-		padding: var(--gap-s);
+		padding: var(--gap-xs);
 		font-weight: var(--weight-emph);
 		text-align: center;
-		text-decoration: none;
+		text-decoration: underline dotted currentColor;
 		text-transform: lowercase;
+
+		&:hover, &:focus-visible {
+			text-decoration: underline;
+		}
 	}
 }
 
diff --git a/styles/components/_tabs.scss b/styles/components/_tabs.scss
index eca2cc1..9798141 100644
--- a/styles/components/_tabs.scss
+++ b/styles/components/_tabs.scss
@@ -29,8 +29,12 @@
 	> a {
 		display: block;
 		margin: 0 var(--gap-m);
-		text-decoration: none;
+		text-decoration: underline dotted currentColor;
 		color: inherit;
+
+		&:hover, &:focus-visible {
+			text-decoration: underline;
+		}
 	}
 
 	> .tab {