Context
Decorative icons should be hidden from assistive technology so screen readers do not announce them as meaningless content (WCAG 1.1.1). In src/components/CertSwitcher.tsx the active-item check mark is rendered without aria-hidden:
{isActive && <Check className="w-4 h-4 text-brand ml-2" />} (line 195)
The selected state is already conveyed by the option itself (and its aria-selected/active styling), so this check icon is purely decorative and should not be announced.
Scope
- File:
src/components/CertSwitcher.tsx (around line 195).
- Add
aria-hidden="true" to the <Check ... /> icon.
- One-line change; no visual or behavioral change.
Acceptance criteria
Context
Decorative icons should be hidden from assistive technology so screen readers do not announce them as meaningless content (WCAG 1.1.1). In
src/components/CertSwitcher.tsxthe active-item check mark is rendered withoutaria-hidden:{isActive && <Check className="w-4 h-4 text-brand ml-2" />}(line 195)The selected state is already conveyed by the option itself (and its
aria-selected/active styling), so this check icon is purely decorative and should not be announced.Scope
src/components/CertSwitcher.tsx(around line 195).aria-hidden="true"to the<Check ... />icon.Acceptance criteria
<Check>icon carriesaria-hidden="true".npm run lintandnpm run testpass; no visual change.