Color-Only Meaning
Do not make color carry the whole message. Pair color with text, shape, labels, icons, or patterns so the meaning is available to everyone.
Accessibility
Practical accessibility literacy, review readiness, WCAG concepts, and lifecycle lessons.
Notes
Notes
Posts, examples, and observations connected to this topic.
Alt Text Basics
Write text alternatives that explain the purpose of an image in context, not every pixel in the picture.
Tables and Data Displays
Use tables when relationships matter, keep headers and labels clear, and avoid turning data into a puzzle.
Status Messages and Alerts
A practical Field Guide page about making save messages, alerts, loading updates, and other screen changes understandable without forcing users to hunt for them.
Modals and Dialogs
A practical Field Guide page about making modals and dialogs understandable, keyboard-accessible, and easy to escape.
Headings and Page Structure
A practical Field Guide page about using headings to make screens easier to scan, navigate, and review.
Accessible Names
A practical Field Guide page about how controls get the names people hear, see, speak, and navigate by.
Link Text and Button Labels
A practical Field Guide page about writing link text and button labels that make sense before someone activates them.
Native HTML First
A practical Field Guide page about starting with built-in HTML elements before reaching for custom components or ARIA.
How to Review a Web App for Accessibility for the First Time
A practical first-pass guide for reviewing a real web app screen before accessibility issues become late rework.
Guides
Guides
Durable guides, checklists, maps, and reference pages for this topic.
