CSS Unit 3 Accessibility Flashcards
Accessible design:
a design process in which the needs of people with disabilities are specifically considered
Curb-cut effect:
the idea that accessibility has benefits beyond allowing people with disabilities to use your product
In the WCAG name 3 things for the “Principle” principal
Text alternatives
Captions and transcripts
Use semantic HTML
Portrait and landscape orientation
Sufficient color contrast
Combine multiple visual cues, not just color
Avoid autostarting audio or video
Responsive body copy
Legible at 200% zoom
In the WCAG name 3 things for the “Operable” principal
Keyboard navigation
Obvious focus indicators
Allow enough time
Disable distracting content
Careful with flashing animations
Help users navigate
Descriptive page
Make link purpose clear
Semantic heading structure
Provide alternatives to complex interactions
Generous target sizes
What level is recommended to pass regardless of meeting AAA standards?
double “AA”
Name 5 principles of “Accessible Form design”
Avoid unnecessary questions
Minimize questions per screen
Provide context clues
Group related questions
Use clear input labels
Make focus indicators obvious
Help users spot and correct errors
Define “chunking”
breaking a form into steps