web accessibility
DESCRIPTION
Web Accessibility. Writing for the Web. Contents. Accessibility background Accessibility guidelines References. Accessibility: Background. Intended Audience of Accessibility Initiatives. Users unable to: See, hear, move. Process some types of information. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/1.jpg)
The Internet Writer’s Handbook 2/e
Web AccessibilityWeb Accessibility
Writing for the Web
![Page 2: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/2.jpg)
The Internet Writer’s Handbook 2/e
Contents
Accessibility background Accessibility guidelines References
![Page 3: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/3.jpg)
The Internet Writer’s Handbook 2/e
Accessibility: BackgroundAccessibility: Background
![Page 4: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/4.jpg)
The Internet Writer’s Handbook 2/e
Intended Audience of Accessibility Initiatives
Users unable to: See, hear, move. Process some types of information. Read or understand text or language. Use a keyboard or mouse. Use a large screen. Have fast Internet connection. Have new browser.
![Page 5: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/5.jpg)
The Internet Writer’s Handbook 2/e
Web Accessibility Initiative of the World Wide Web Consortium
Developed accessibility guidelines.
![Page 6: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/6.jpg)
The Internet Writer’s Handbook 2/e
W3C WAI Standards
1. Provide equivalent alternatives to auditory and visual content.
2. Don't rely on color alone.
3. Use markup and style sheets properly.
4. Clarify natural language usage.
![Page 7: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/7.jpg)
The Internet Writer’s Handbook 2/e
W3C WAI Standards
5. Create tables that transform gracefully. 6. Ensure that pages featuring newer
technologies transform gracefully. 7. Ensure user control of time-sensitive content
changes. 8. Ensure direct accessibility of embedded user
interfaces. 9. Design for device-independence. 10. Use interim solutions.
![Page 8: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/8.jpg)
The Internet Writer’s Handbook 2/e
W3C WAI Standards
11. Use W3C technologies and guidelines.
12. Provide context and orientation information.
13. Provide clear navigation mechanisms.
14. Ensure that documents are clear and simple.
![Page 9: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/9.jpg)
The Internet Writer’s Handbook 2/e
W3C WAI Priority 1
A Web content developer must satisfy this checkpoint. Otherwise, one or more groups will find it impossible to access information in the document.
Satisfying this checkpoint is a basic requirement for some groups to be able to use Web documents.
![Page 10: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/10.jpg)
The Internet Writer’s Handbook 2/e
W3C WAI Priority 2
A Web content developer should satisfy this checkpoint. Otherwise, one or more groups will find it difficult to access information in the document.
Satisfying this checkpoint will remove significant barriers to accessing Web documents.
![Page 11: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/11.jpg)
The Internet Writer’s Handbook 2/e
W3C WAI Priority 3
A Web content developer may address this checkpoint. Otherwise, one or more groups will find it somewhat difficult to access information in the document.
Satisfying this checkpoint will improve access to Web documents.
![Page 12: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/12.jpg)
The Internet Writer’s Handbook 2/e
Accessibility GuidelinesAccessibility Guidelines
![Page 13: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/13.jpg)
The Internet Writer’s Handbook 2/e
1. Provide equivalent alternatives to auditory and visual content
Images Graphical representations of text (including
symbols) Image map regions Animations (e.G., Animated gifs) Applets and programmatic objects ASCII art Frames Scripts
![Page 14: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/14.jpg)
The Internet Writer’s Handbook 2/e
1. Provide equivalent alternatives to auditory and visual content
Images used as list bullets Spacers Graphical buttons Sounds (played with or without user
Interaction) Stand-alone audio files Audio tracks of video Video
![Page 15: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/15.jpg)
The Internet Writer’s Handbook 2/e
1. Provide equivalent alternatives to auditory and visual content
Provide redundant text links for each active region of a server-side image map.
Provide an auditory description of the important information of the visual track of a multimedia presentation.
For any time-based multimedia presentation, synchronize equivalent alternatives (e.g., captions or auditory descriptions of the visual track) with the presentation.
![Page 16: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/16.jpg)
The Internet Writer’s Handbook 2/e
2. Don't rely on color alone
Ensure that all information conveyed with color is also available without color (e.g., from context or markup).
![Page 17: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/17.jpg)
The Internet Writer’s Handbook 2/e
3. Use markup and style sheets properly
Not priority 1
![Page 18: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/18.jpg)
The Internet Writer’s Handbook 2/e
4. Clarify natural language usage
Clearly identify changes in the natural language of a document's text and any text equivalents (e.g., captions).
![Page 19: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/19.jpg)
The Internet Writer’s Handbook 2/e
5. Create tables that transform gracefully
For data tables, identify row and column headers.
For data tables that have two or more logical levels of row or column headers, use markup to associate data cells and header cells.
![Page 20: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/20.jpg)
The Internet Writer’s Handbook 2/e
6. Ensure that pages featuring new technologies transform gracefully
Organize documents so they may be read without style sheets.
Ensure that equivalents for dynamic content are updated when the dynamic content changes.
![Page 21: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/21.jpg)
The Internet Writer’s Handbook 2/e
Ensure that pages are usable when scripts, applets, or other programmatic objects are turned off or not supported.
If this is not possible, provide equivalent information on an alternative accessible page.
6. Ensure that pages featuring new technologies transform gracefully
![Page 22: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/22.jpg)
The Internet Writer’s Handbook 2/e
7. Ensure user control of time-sensitive content changes
Until user agents allow users to control flickering, avoid causing the screen to flicker.
![Page 23: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/23.jpg)
The Internet Writer’s Handbook 2/e
8. Ensure direct accessibility of embedded user interfaces
Make programmatic elements such as scripts and applets directly accessible or compatible with assistive technologies.
![Page 24: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/24.jpg)
The Internet Writer’s Handbook 2/e
9. Design for device-independence
Provide client-side image maps instead of server-side image maps except where the regions cannot be defined with an available geometric shape.
![Page 25: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/25.jpg)
The Internet Writer’s Handbook 2/e
10. Use interim solutions
Not Priority 1
![Page 26: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/26.jpg)
The Internet Writer’s Handbook 2/e
11. Use W3C technologies and guidelines
Not Priority 1
![Page 27: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/27.jpg)
The Internet Writer’s Handbook 2/e
12. Provide context and orientation information
Title each frame to facilitate frame identification and navigation.
![Page 28: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/28.jpg)
The Internet Writer’s Handbook 2/e
13. Provide clear navigation mechanisms
Not Priority 1
![Page 29: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/29.jpg)
The Internet Writer’s Handbook 2/e
14. Ensure that documents are clear and simple
Use the clearest and simplest language appropriate for a site's content.
![Page 30: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/30.jpg)
The Internet Writer’s Handbook 2/e
Tools for Evaluating Tools for Evaluating AccessibilityAccessibility
![Page 31: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/31.jpg)
The Internet Writer’s Handbook 2/e
Bobby
Web-based public service offered by the Center for Applied Special Technology (CAST).
Analyzes Web pages for their accessibility to people with disabilities and compatibility with various browsers.
http://www.www.cast.org/bobby/
![Page 32: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/32.jpg)
The Internet Writer’s Handbook 2/e
The Wave
Tool to help determine your page's accessibility by presenting the "linearized" reading order, ALT text for images and image map areas, and the applet alternatives.
http://www.temple.edu/inst_disabilities/piat/wave/
![Page 33: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/33.jpg)
The Internet Writer’s Handbook 2/e
TOM, the Text-Only Maker
Developed at developed at the National Center for Supercomputing Applications (NCSA).
Converts graphical Web pages into text-only pages or text and graphics Web pages.
http://www..eot.org/TTF/Access/tom.html
![Page 34: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/34.jpg)
The Internet Writer’s Handbook 2/e
W3C
Checks HTML documents for conformance to W3C HTML and XHTML recommendations and other HTML standards.
http://validator.w3.org/
![Page 35: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/35.jpg)
The Internet Writer’s Handbook 2/e
ReferencesReferences
![Page 36: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/36.jpg)
The Internet Writer’s Handbook 2/e
References
W3C WAI www.w3c.org/wai Access Adobe access.adobe.com IBM Accessibility Center www-
3.ibm.com/able/overview.html Microsoft Accessibility
www.microsoft.com/enable
![Page 37: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/37.jpg)
The Internet Writer’s Handbook 2/e
References
Center for Applied Special Technology (CAST) www.cast.org
Do-IT www.washington.edu/doit WebABLE www.webable.com
![Page 38: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022062322/5681500c550346895dbdea07/html5/thumbnails/38.jpg)
The Internet Writer’s Handbook 2/e