HTML Accessibility Basics
Accessibility means making your page usable by people with different abilities. Good HTML already gives you many accessibility benefits when you use it correctly. Use real headings for headings. Use labels for form controls. Give meaningful images useful alt text. Use buttons for actions and links for navigation. Use semantic landmarks such as main and nav. ARIA attributes can provide extra information when native HTML cannot express what you need. A good rule is: use the correct native HTML element first. Add ARIA only when it solves a real accessibility problem.
Why this matters
- ·Semantic HTML helps screen reader users move through a page.
- ·Good labels and alt text make controls and images understandable.
- ·Keyboard users benefit when native interactive elements are used correctly.
Common mistakes
- ·Adding ARIA unnecessarily can make accessibility worse.
- ·An icon-only control needs an accessible name.
- ·Do not hide real content from screen readers by mistake.
Frequently asked questions
Making a website usable by people with different abilities and ways of interacting.
Practice questions
Question 1
Build a labeled email field and submit button.
Question 2
Add useful alt text to a student photo.
Quick check
Just for this topic answer honestly, then check yourself.
1 / 3