Internet Fundamentals/Web Accessibility
Appearance
Web accessibility is the inclusive practice of ensuring there are no barriers that prevent interaction with, or access to, websites on the World Wide Web by people with physical disabilities, situational disabilities, and socio-economic restrictions on bandwidth and speed. When sites are correctly designed, developed and edited, more users have equal access to information and functionality.[1]
Objectives and Skills
[edit | edit source]Objectives and skills for this lesson include:
- Understand web accessibility standards
- Apply web accessibility standards to web pages
Readings
[edit | edit source]Multimedia
[edit | edit source]- YouTube: Introduction to Web Accessibility and W3C Standards
- YouTube: Web Accessibility Guidelines - How to make your code Web Accessible
Activities
[edit | edit source]- Review Mozilla: What is accessibility?.
- Use the W3C Markup Validation Service to validate HTML for one or more web pages. Make any corrections necessary to pass the validation check.
- Use the WAVE Web Accessibility Evaluation Tool to evaluate web accessibility for one or more web pages. Make any corrections necessary to pass the accessibility check. Review SuperCoolDesign: How To Write Good Alt Text. Verify that ALT tags fully describe all images and multimedia used.
- Use the WebAIM: Contrast Checker to check color contrast for one or more web pages. Make any corrections necessary to pass the contrast check.
- Use the Paletton website to identify good color schemes. Experiment with monochromatic, adjacent-color, three-color, and four-color designs.
Lesson Summary
[edit | edit source]- Web accessibility is the inclusive practice of ensuring there are no barriers that prevent interaction with, or access to, websites on the World Wide Web by people with physical disabilities, situational disabilities, and socio-economic restrictions on bandwidth and speed.[2]
- The needs that web accessibility aims to address include:[3]
- Visual
- Motor/mobility
- Auditory
- Seizures
- Cognitive and intellectual
- Assistive technologies include:
- Screen reader software
- Braille terminals
- Screen magnification software
- Speech recognition software
- Keyboard overlays
- Subtitles / captions
- The Worldwide Web Consortium (W3C) has published Web Content Accessibility Guidelines.[4]
- Web accessibility depends on a combination of:[5]
- Content
- User agents (web browsers, etc.)
- Assistive technology
- User strategies (knowledge, experience, training, etc.)
- Content developers
- Authoring tools
- Evaluation tools
- Web accessibility guidelines include:[6]
- Authoring Tool Accessibility Guidelines (ATAG)
- Web Content Accessibility Guidelines (WCAG)
- User Agent Accessibility Guidelines (UAAG)
- Compliance with web accessibility guidelines is a legal requirement primarily in North America, Europe, parts of South America and parts of Asia.[7]
Key Terms
[edit | edit source]- accessibility
- The design of products, devices, services, vehicles, or environments so as to be usable by people with disabilities.[8]
- assistive technology
- Adaptive and rehabilitative devices for people with disabilities and the elderly.[9]
- authoring tool
- A program that has pre-programmed elements for the development of interactive multimedia software titles.[10]
- disability
- Any condition that makes it more difficult for a person to do certain activities or effectively interact with the world around them (socially or materially).[11]
- user agent
- Any software, acting on behalf of a user, which retrieves, renders and facilitates end-user interaction with Web content.[12]
Assessments
[edit | edit source]- Flashcards: Quizlet: Web Site Accessibility
- Quiz: Quizlet: Web Site Accessibility
See Also
[edit | edit source]References
[edit | edit source]- ↑ Wikipedia: Web accessibility
- ↑ Wikipedia: Web accessibility
- ↑ Wikipedia: Web accessibility
- ↑ Wikipedia: Web accessibility
- ↑ Wikipedia: Web accessibility
- ↑ Wikipedia: Web accessibility
- ↑ Wikipedia: Web accessibility
- ↑ Wikipedia: Accessibility
- ↑ Wikipedia: Assistive technology
- ↑ Wikipedia: Authoring system
- ↑ Wikipedia: Disability
- ↑ Wikipedia: User agent