Commit c24e2c8
authored
fix(a11y): add missing ARIA attributes and landmark regions to docs (#535)
Patch fumadocs-ui to fix accessibility issues reported by amberhinds,
plus additional issues found via WCAG 2.1 audit:
Reported issues:
- #513: Add aria-label to docs navigation toggle button
- #514: Add aria-haspopup="dialog" and aria-label to search buttons
- #515: Fix close search button accessible name to include visible text
- #516: Add role="status" live region for screen reader search announcements
- #517: Change search suggestions from <button> to <a> links with role="option"
- #518: Add nav landmarks for sidebar, breadcrumbs, TOC, and pagination
Additional fixes found via audit:
- Theme toggle button: add aria-label="Toggle theme" (WCAG 4.1.2)
- Sidebar <aside>: add aria-label="Docs sidebar" (WCAG 4.1.2)
- Collapse sidebar button: dynamic label based on state (WCAG 4.1.2)
- Heading anchor link icons: add peer-focus-visible:opacity-100 (WCAG 2.4.7)
- Breadcrumbs: use <ol>/<li> structure, aria-hidden on separator SVGs (WCAG 1.3.1)
- Feedback textarea: add aria-label (WCAG 4.1.2)
Closes #513
Closes #514
Closes #515
Closes #516
Closes #517
Closes #5181 parent 473208b commit c24e2c8
4 files changed
Lines changed: 205 additions & 4 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
122 | 122 | | |
123 | 123 | | |
124 | 124 | | |
| 125 | + | |
125 | 126 | | |
126 | 127 | | |
127 | 128 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
17 | 17 | | |
18 | 18 | | |
19 | 19 | | |
| 20 | + | |
20 | 21 | | |
21 | 22 | | |
22 | | - | |
23 | 23 | | |
24 | 24 | | |
25 | 25 | | |
| |||
69 | 69 | | |
70 | 70 | | |
71 | 71 | | |
72 | | - | |
73 | 72 | | |
| 73 | + | |
74 | 74 | | |
75 | 75 | | |
76 | 76 | | |
| |||
103 | 103 | | |
104 | 104 | | |
105 | 105 | | |
| 106 | + | |
| 107 | + | |
| 108 | + | |
106 | 109 | | |
107 | 110 | | |
108 | 111 | | |
| |||
0 commit comments