Skip to content

Fix accessibility failures and add lint and browser audits - #64

Merged
skratchdot merged 1 commit into
mainfrom
fix-accessibility
Sep 9, 2026
Merged

skratchdot merged 1 commit into
mainfrom
fix-accessibility

Conversation

@skratchdot

Copy link
Copy Markdown
Owner

Fix the accessibility failures reported by Lighthouse: tab controls referenced missing panel IDs, and the footer icon repeated its adjacent link text. Let Base UI own panel IDs, use data attributes for test selectors, and give the decorative footer icon empty alt text. About and API now also provide a main landmark.

Enable Oxlint's jsx-a11y correctness rules, with documented exceptions for semantic-role preferences and keyboard-scrollable documentation tables. Shared link and label components expose forwarded content and associations explicitly. Add axe browser audits for all three pages, settings tabs, algorithm dialogs, and MIDI export dialogs, and document the workflow.

Validation:

  • pnpm run check: lint, formatting, spelling, types, 362 unit tests, and production build passed.
  • Full browser suite: 42 tests passed, including the new axe audits.
  • Lighthouse 13.4.1: Home scored 100% accessibility on the local production build.
  • git diff --check passed.

The Lighthouse result covers automated checks on Home; manual keyboard and screen-reader review remains relevant.

@skratchdot
skratchdot merged commit 6617211 into main Sep 9, 2026
1 check passed
@skratchdot
skratchdot deleted the fix-accessibility branch September 9, 2026 03:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant