Development practice · Established

Semantic HTML

HTML chosen for meaning, not appearance

What does Semantic HTML mean?

Using native elements according to their purpose so browsers and assistive technologies understand the structure.

Keep exploring

Accessibility (A11y)Designing technology so disabled people can perceive, understand, navigate and interact with it.
WCAGW3C recommendations for making web content more accessible to people with disabilities.
Assistive TechnologyHardware or software such as screen readers, magnifiers or voice input used by disabled people.
Screen ReaderAn assistive technology that interprets interface structure and text for non-visual use.
Keyboard NavigationThe ability to reach and operate interactive elements using a keyboard or equivalent controls.
Focus OrderThe logical order in which interactive elements receive focus, ideally matching meaning and visual flow.
Colour ContrastA measurable relationship that helps text and controls remain distinguishable for people with low vision.
Alternative Text (Alt Text)A concise description that communicates the purpose or information of an image when it cannot be seen.