03.5.3 · Skill in Accessibility

Semantic markup

Using the right HTML elements so meaning is available to all software.

Semantic HTML, with real buttons, headings, labels and landmarks, gives assistive technology the structure it needs. It also improves SEO and makes code easier to read. ARIA is for the gaps, not a replacement for the right element.

Your status · Semantic markup

Not startedLearningComfortable

Saved in this browser only. It colours this skill's tile on your map.

Resources

docsStart here
HTML: a good basis for accessibility ↗
MDN Web Docs · 25 min
Why the right HTML element does most of the accessibility work for you, with examples to compare.
docsGo deeper
WAI-ARIA basics ↗
MDN Web Docs · 25 min
When ARIA fills a real gap in HTML, and when it makes things worse.

Tools

none yet

Tools for this topic are being researched.