What is Semantic HTML?
Semantic HTML uses elements that describe the meaning of their content — <nav>, <article>, <header>, <button> — rather than generic containers. It is what gives assistive technology and search engines structure to work with.
4 tools that work with Semantic HTML
Files never leave your browser.
Accessibility4
Alt Text CheckerFind images with missing, empty, filename-based or overlong alternative text.ARIA Roles ReferenceSearch ARIA roles with their required attributes, native HTML equivalents and gotchas.Heading Structure ValidatorCheck a page for skipped heading levels, missing or multiple H1s and empty headings.HTML Landmark CheckerCheck a page for the landmark regions screen reader users navigate by.
Related terms
Terms that appear alongside Semantic HTML on the same tools.