text
| 1 | # Accessibility review |
| 2 | |
| 3 | A five-minute pass, in a real browser. No tooling required beyond what is listed. |
| 4 | |
| 5 | ## Keyboard only |
| 6 | |
| 7 | Put the mouse away. |
| 8 | |
| 9 | - [ ] Can you reach every interactive element with Tab? |
| 10 | - [ ] Can you see where focus is, at every step? |
| 11 | - [ ] Does Tab order match what you see on screen? |
| 12 | - [ ] Can you activate everything with Enter or Space? |
| 13 | - [ ] Can you close every dialog or menu with Escape? |
| 14 | - [ ] Does focus go somewhere sensible after a dialog closes? |
| 15 | |
| 16 | ## Names |
| 17 | |
| 18 | - [ ] Does every button have text or an `aria-label`? |
| 19 | - [ ] Does every input have a label? |
| 20 | - [ ] Read the links aloud with no surrounding context. Do they still mean anything? |
| 21 | - [ ] Does every image have alt text, or an explicit empty alt if decorative? |
| 22 | |
| 23 | ## Structure |
| 24 | |
| 25 | - [ ] Is there exactly one `h1`? |
| 26 | - [ ] Do heading levels descend without skipping? |
| 27 | - [ ] Are lists marked up as lists and tables as tables? |
| 28 | |
| 29 | ## Visual |
| 30 | |
| 31 | - [ ] Contrast at 4.5:1 for body text. Check the lightest text on the page. |
| 32 | - [ ] Zoom to 200%. Is anything cut off or overlapping? |
| 33 | - [ ] Narrow to 320px. Does it scroll horizontally? |
| 34 | - [ ] Turn on reduced motion. Does anything still animate? |
| 35 | |
| 36 | ## Dynamic |
| 37 | |
| 38 | - [ ] Does a form error say what is wrong, in text, next to the field? |
| 39 | - [ ] Does anything appear or update without announcing itself? |
| 40 |