You don't need to memorize all of WCAG 2.2 to make a real difference. A handful of fundamentals handle most real-world accessibility issues - and most of them are things you already half-know.
The four principles (POUR)
- Perceivable - alt text, captions, contrast.
- Operable - keyboard access, visible focus.
- Understandable - plain language, labeled forms.
- Robust - semantic, valid HTML.
The high-impact checklist
-
Alt text on meaningful images;
alt=""on decorative ones. - Contrast ≥ 4.5:1 for body text; never rely on color alone.
- Keyboard - tab to every control, visible focus ring. Can't tab your own site? Neither can they.
-
Labels - real
<label>per input; placeholders don't count. - Semantics - ordered headings, landmarks, real lists.
Want a head start? Semantic, high-contrast defaults: DesignToCodes templates.
What's the one a11y fix you wish every dev did by default? 👇
Top comments (0)