Semantic Structure
Listed inSemantic StructureAccessibilityon
Headings, landmarks, and lists as the navigation a screen reader user actually relies on.
Beginner7 minDraft
#html
Building interfaces that work for people using a keyboard, a screen reader, magnification, or simply a bad connection and a small screen.
17 articles
Listed inSemantic StructureAccessibilityon
Headings, landmarks, and lists as the navigation a screen reader user actually relies on.
Listed inColour and ContrastAccessibilityon
Contrast ratios for text and controls, and never using colour as the only carrier of meaning.
Listed inMotion and Vestibular SafetyAccessibilityon
Parallax and large transitions that cause real nausea, and what prefers-reduced-motion should change.
Listed inThe Legal LandscapeAccessibilityon
The ADA, the European Accessibility Act, and Section 508 — where conformance stops being optional.
Listed inARIA and When Not to Use ItAccessibilityon
Roles, states, and properties — plus the first rule of ARIA, which is to use real HTML instead.
Listed inAccessible ComponentsAccessibilityon
Modals, menus, tabs, and comboboxes — the patterns everyone rebuilds and almost everyone gets wrong.
Listed inWCAG and ConformanceAccessibilityon
Perceivable, operable, understandable, robust — and what levels A, AA, and AAA actually commit you to.
Listed inScreen ReadersAccessibilityon
How the accessibility tree is built, what gets announced, and testing with one for twenty minutes.
Listed inAccessible FormsAccessibilityon
Real labels, grouped fields, and errors announced to someone who cannot see them turn red.
Listed inBuilding It Into the ProcessAccessibilityon
Acceptance criteria, design annotations, and CI checks — so it is not a remediation project later.
Listed inWhy Accessibility MattersAccessibilityon
Permanent, temporary, and situational impairment — and why the accessible version is usually the better one.
Listed inFocus ManagementAccessibilityon
Visible focus, moving focus deliberately after a route change, and trapping it inside a modal.
Listed inImages and Alt TextAccessibilityon
Describing purpose rather than appearance, and knowing when the correct alt text is empty.
Listed inTesting AccessibilityAccessibilityon
Automated checks catch perhaps a third — the rest is a keyboard, a screen reader, and zoom.
Listed inKeyboard NavigationAccessibilityon
Tab order, skip links, and the rule that anything clickable must be reachable and operable without a mouse.
Listed inReadable TextAccessibilityon
Size, line length, spacing, and reflow at 400% zoom without a horizontal scrollbar.
Listed inCognitive AccessibilityAccessibilityon
Plain language, predictable layouts, forgiving inputs, and not putting a timer on a critical task.