From 176abc976f20084e0cd2fe2207ae90b11f51606d Mon Sep 17 00:00:00 2001 From: felixtro Date: Thu, 17 Sep 2026 15:17:31 +0200 Subject: [PATCH] fix: improve accessibility Use role=radiogroup for the Dropdown's radio options instead of the generic group role, and give the page a descriptive instead of the raw project folder name. Verified heading hierarchy, form labels, alt text, keyboard operability, focus indicators, and color contrast (all WCAG AA, computed) across the app. Closes #37 --- country-explorer/index.html | 2 +- country-explorer/src/components/Dropdown.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/country-explorer/index.html b/country-explorer/index.html index 43c1f19..c6a2416 100644 --- a/country-explorer/index.html +++ b/country-explorer/index.html @@ -4,7 +4,7 @@ <meta charset="UTF-8" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> - <title>country-explorer + Country Explorer
diff --git a/country-explorer/src/components/Dropdown.tsx b/country-explorer/src/components/Dropdown.tsx index 36e0537..f196159 100644 --- a/country-explorer/src/components/Dropdown.tsx +++ b/country-explorer/src/components/Dropdown.tsx @@ -80,7 +80,7 @@ export default function Dropdown({
{options.map((option) => (