From cc00d68d8c372b28a0076534d9ccbecd1698c792 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <marc@bombeck.io>
Date: Wed, 10 Jun 2026 17:54:56 +0200
Subject: [PATCH] fix(a11y): underline the new cross-links and give the chart
 link a touch target
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The integrations/source-priority hint links relied on colour alone and
the chart's adjust-targets link measured sixteen pixels tall on mobile —
both caught by the e2e gate. The links carry a permanent underline now
and the chart link a full-height touch area.
---
 src/components/charts/health-chart.tsx           | 2 +-
 src/components/settings/integrations-section.tsx | 2 +-
 src/components/settings/sources-section.tsx      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/charts/health-chart.tsx b/src/components/charts/health-chart.tsx
index 4c2af25d2..ad4f499ba 100644
--- a/src/components/charts/health-chart.tsx
+++ b/src/components/charts/health-chart.tsx
@@ -1482,7 +1482,7 @@ export function HealthChart({
               <Link
                 href={targetSettingsHref}
                 data-slot="chart-target-settings-link"
-                className="text-muted-foreground hover:text-foreground inline-flex items-center gap-1 text-xs underline-offset-2 transition-colors hover:underline"
+                className="text-muted-foreground hover:text-foreground inline-flex min-h-11 items-center gap-1 text-xs underline underline-offset-2 transition-colors sm:min-h-9"
               >
                 <SlidersHorizontal className="h-3 w-3" aria-hidden="true" />
                 {t("charts.adjustTargets")}
diff --git a/src/components/settings/integrations-section.tsx b/src/components/settings/integrations-section.tsx
index 5aa4c9cfc..7da402d30 100644
--- a/src/components/settings/integrations-section.tsx
+++ b/src/components/settings/integrations-section.tsx
@@ -272,7 +272,7 @@ export function IntegrationsSection() {
           {t("settings.integrationsSourcesHint")}{" "}
           <Link
             href="/settings/sources"
-            className="text-primary underline-offset-2 hover:underline"
+            className="text-primary underline underline-offset-2"
             data-slot="integrations-sources-cross-link"
           >
             {t("settings.integrationsSourcesHintLink")}
diff --git a/src/components/settings/sources-section.tsx b/src/components/settings/sources-section.tsx
index 0dc3585d2..23c4b7e48 100644
--- a/src/components/settings/sources-section.tsx
+++ b/src/components/settings/sources-section.tsx
@@ -314,7 +314,7 @@ export function SourcesSection() {
           {t("settings.sections.sources.integrationsHint")}{" "}
           <Link
             href="/settings/integrations"
-            className="text-primary underline-offset-2 hover:underline"
+            className="text-primary underline underline-offset-2"
             data-slot="sources-integrations-cross-link"
           >
             {t("settings.sections.sources.integrationsHintLink")}