Unit 5: 2.0 - 3 Flashcards
Why is Web Accessibility Important?
Not all users experience the web the same way. Some may have visual, auditory, physical, cognitive, or language challenges, use different devices or older browsers, or face environmental limitations (e.g., glare or noise).
What are the W3C and WCAG?
The World Wide Web Consortium (W3C) sets global web standards. It created the Web Content Accessibility Guidelines (WCAG) to help developers make accessible content.
What are the four WCAG 2.0 principles of accessibility?
Perceivable – Content must be available to the senses.
Operable – Interface must be usable via keyboard or other input methods.
Understandable – Info and interface must be clear and consistent.
Robust – Content must work across devices, browsers, and assistive tech.
How can a site be made perceivable?
Information and UI must be presented in ways that users can perceive with at least one sense (e.g., sight, sound).
Add text alternatives (alt text) for images.
Provide captions or transcripts for audio/video content.
Ensure content works with screen readers.
Use high contrast and readable fonts.
Allow content to be resized without loss of meaning or function.
What are examples of making a site Operable?
- Users must be able to operate and navigate the interface, regardless of their ability or device.
Ensure all features work via keyboard
Avoid time-limited content
Prevent flashing or seizure-triggering elements
Provide clear navigation
What makes a website Understandable?
- The interface and content must be clear and easy to understand.
Use clear language
Keep behavior predictable
Help users avoid/correct errors
What does ‘Robust’ mean in accessibility?
The site should work across browsers, platforms, and assistive tools — now and in the future.
Use valid, semantic HTML.
Ensure compatibility with screen readers and assistive technologies.
Use ARIA roles and attributes where appropriate.
Test across different browsers and devices.
What should you avoid in web design to help accessibility?
Blinking or scrolling text
Moving images or autoplay
Poorly labeled links (e.g., “click here”)
How does correct HTML and language tagging help?
Helps screen readers pronounce and interpret correctly
Assists search engines
HTML validation improves usability
What does ‘Beyond Accessibility’ mean?
Accessibility doesn’t guarantee usability. Like a poorly placed ramp, a site can be technically accessible but still frustrating. Good design is about both access and ease.
