Accessibility Summary

The POUR principles: Perceivable (alt text, captions, contrast), Operable (keyboard, focus, skip links), Understandable (labels, errors), Robust (semantic HTML, ARIA). Test with keyboard and screen reader.

Example

<!-- Accessibility checklist -->
<!-- ✅ Images: meaningful alt text -->
<!-- ✅ Headings: logical h1→h2→h3 order -->
<!-- ✅ Inputs: associated labels -->
<!-- ✅ Color: 4.5:1 contrast ratio minimum -->
<!-- ✅ Keyboard: all interactions reachable by Tab/Enter/Space -->
<!-- ✅ Focus: visible focus ring, correct focus management -->
<!-- ✅ ARIA: live regions for dynamic content -->
<!-- ✅ Tables: caption + th scope -->
<!-- ✅ Motion: prefers-reduced-motion respected -->
<!-- ✅ Language: html[lang] set correctly -->

HTML

Full Editor

Pro Tip

The biggest a11y wins are semantic HTML, labels, and keyboard navigation — start there.

Related Resources

HTML Reference

Complete tag & property list

HTML How-To Guides

Step-by-step practical guides

HTML Exercises

Practice what you've learned