What is Accessibility?
Accessibility means designing applications so that people with different abilities and assistive technologies can use them effectively.
Use Semantic HTML
Use a real button for an action, a link for navigation, headings for document structure, labels for inputs, and lists for collections. Semantic HTML provides useful information to browsers and assistive technologies.
Important Accessibility Practices
- Every important form control should have a label.
- Interactive controls should be keyboard accessible.
- Images that communicate information should have meaningful alternative text.
- Do not use color alone to communicate important information.
- Use appropriate heading levels.
- Manage focus when opening dialogs or changing major UI states.
ARIA
ARIA can improve accessibility when native HTML does not provide the required semantics. Prefer native HTML elements first and use ARIA only when necessary.
ADVERTISEMENT