<< Back to the blog

Web Accessibility




By @islamzatary

Accessibility

Accessibility: is the degree to which a product, device, service, or environment is available to as many people as possible.
Web accessibility: means that people with disabilities can perceive, understand, navigate, and interact with the Web, and that they can contribute to the Web.




Disabilities types

1. Visual.
2. Auditory.
3. Physical.
4. Speech.
5. Cognitive.
6. Neurological.

Why Web Accessibility is Important

1. The Web is an increasingly important resource in many aspects of life.
2. Uses for: Education, Government, Commerce, Health care, ....
3. Web accessibility is required by laws and policies in some cases.

Accessibility

The focus on Web accessibility has been on the responsibilities of Web developers.
Making a Web site accessible can be simple or complex, depending on many factors:
1. Type of content.
2. The size and complexity of the site.
3. The development tools and environment.

Accessibility Guidelines (WCAG)

Quick Reference to Web Content Accessibility Guidelines 2.0 requirements.
Categories:
1. Text Alternatives (for any non text content, such as large print, speech, symbols or simpler language).
2. Adaptable (Create content that can be presented in different ways (for example simpler layout) without losing information or structure).
3. Distinguishable: Make it easier for users to see and hear content including separating foreground from background.
4. Keyboard Accessible: Make all functionality available from a keyboard.
5. Enough Time: Provide users enough time to read and use content.
6. Navigable: Provide ways to help users navigate, find content, and determine where they are.
7. Readable: Make text content readable and understandable.
8. Predictable: Make Web pages appear and operate in predictable ways.
9. Input Assistance: Help users avoid and correct mistakes.
Guidelines from drive

Accessibility Guidelines (WCAG)

4. Keyboard Accessible: Make all functionality available from a keyboard.
5. Enough Time: Provide users enough time to read and use content.
6. Navigable: Provide ways to help users navigate, find content, and determine where they are.
7. Readable: Make text content readable and understandable.
8. Predictable: Make Web pages appear and operate in predictable ways.
9. Input Assistance: Help users avoid and correct mistakes.
Guidelines from drive

Accessibility- Evaluation Tools

No tool alone can determine if a site meets accessibility guidelines. Knowledgeable human evaluation is required to determine if a site is accessible.
1. Checker: Online accessibility checker that tests web pages for conformance to various accessibility guidelines.
2. Color Contrast
3. Web AIM

Accessibility - Preliminary Review

1. Page title(tab title bar, search engine results, bookmarks/favorites, screen readers).
2. Image text alternatives ("alt text"). people who are blind and use screen readers can hear the alt text read out.
3. Headings. people can navigate to the headings(use only the keyboard & screen reader).
4. Contrast ratio ("color contrast").
5. Resize text (text size settings, text or page zoom).
6. Keyboard access and visual focus.
7. Forms, labels, and errore.

Accessibility - Simulation Tools

NVDA (Non Visual Desktop Access)
Best Sites to check Accessibility:
1. Center for Disease Control.
2. Service Public (WAVE accessibility checker).

Accessibility




Practical



Wrapping up







<< Back to the blog

by @islamzatary