Lesson 25 / 26
Best practices checklist
Review a practical do and don't checklist for production accessibility, including a WCAG AA pre-launch list.
Do's
Use semantic HTML. Include alt text on images. Provide labels on forms. Ensure 4.5:1 contrast. Support keyboard navigation. Test with screen readers. Use ARIA correctly. Announce dynamic content. Provide skip links. Keep heading hierarchy logical. Use descriptive link text.
Don'ts
Use divs for buttons. Hide focus outline without replacement. Rely on color alone. Embed text in images. Disable zoom. Use
WCAG 2.1 AA quick checklist
Page title unique. Alt text on images. Text contrast 4.5:1. Labels on form fields. No keyboard traps. Focus visible. Color not sole information source. Video has captions. Resizable text. Logical heading hierarchy.
WCAG 3.0 preview
WCAG 3.0 is still in draft. Focus on WCAG 2.2 AA for now. 3.0 is expected to use outcome-based scoring.