Review
Checklist and quiz review for all the accessibility concepts covered in this project.
Key Accessibility Concepts
- Accessibility Fundamentals
- Designing for all abilities using tools like screen readers, keyboard navigation, captions, and more.
- Semantic HTML
-
Meaningful elements like
<header>,<nav>,<main>,<footer>, and proper heading levels help assistive tech understand the structure. - ARIA
- Adds extra information to custom UI controls when semantic HTML is not enough.
- Accessible Forms
- Labels must be connected to inputs. Use fieldsets, legends, and error messages. Everything should work using a keyboard.
- Color and Contrast
- Text must have enough contrast with the background. Follow WCAG recommendations. Don’t rely on color alone to show meaning.
- Keyboard Navigation
- Users should be able to access links, buttons, and form fields in a logical order. Custom controls must also work without a mouse for disabled users.
- Screen Readers
- Screen readers use structure (headings, landmarks, labels, ARIA) to read content.
Quick Accessibility Checklist
- Is there one clear
<h1>on the page? - Are headings and sections structured clearly?
- Does keyboard tabbing reach everything?
- Do all meaningful images have alt text?
- Are all form inputs labeled?
- Does all text pass color contrast standards?
- Do custom widgets communicate correctly with screen readers?