The Sixteen Section 508 1194.22
Requirements & Instructions

---

 

• Section 508 demo and test page home
• Section 508 to be updated
• WebAIM Section 508 Checklist

Section 508 1194.22 -- (a) A text equivalent for every non-text element shall be provided (e.g., via "alt", "longdesc", or in element content).

1. Access Board
2. JimThatcher.com
3. Accessibility Forum Testbed

• Text Descriptions for Formulas, Graphs, and Maps
• Graphic Descriptions    [972.6 KB - 270.2 seconds @28.8]
• How should we provide text equivalents for non-text elements on the web?
• Digital Picture Postcards   [All Image no Alt]
  

Section 508 1194.22 -- (b) Equivalent alternatives for any multimedia presentation shall be synchronized with the presentation.

1. Access Board
2. JimThatcher.com
3. Accessibility Forum Testbed

• Flash with Captioning example
• Flash with captioning in Real Player
• Accessible Flash
• Heart Attack Warning Signs    Part 1: Bob Weltner   (Real: Video Playtime: 1 minute, 54 seconds)
  
  

Section 508 1194.22 -- (c) Web pages shall be designed so that all information conveyed with color is also available without color, for example from context or markup.

1. Access Board
2. JimThatcher.com
3. Accessibility Forum Testbed

• Zippori Village   [Color for Navigation]
• Colour Contrast Analyser
• the background colour of this page...
  

Section 508 1194.22 -- (d) Documents shall be organized so they are readable without requiring an associated style sheet.

1. Access Board
2. JimThatcher.com
3. Accessibility Forum Testbed

• Layout with Cascading Style Sheets
• CSS Accessibility Problems
• Accessibility Features of CSS

Section 508 1194.22 -- (e) Redundant text links shall be provided for each active region of a server-side image map.

1. Access Board
2. JimThatcher.com
3. Accessibility Forum Testbed

• Image Maps   Examples

Section 508 1194.22 -- (f) Client-side image maps shall be provided instead of server-side image maps except where the regions cannot be defined with an available geometric shape.

1. Access Board
2. JimThatcher.com
3. Accessibility Forum Testbed

• Image Maps   Examples

Section 508 1194.22 -- (g) Row and column headers shall be identified for data tables.

1. Access Board
2. JimThatcher.com
3. Accessibility Forum Testbed

• Tables in HTML documents
• Tablin: an HTML Table linearizer
  1. Checkpoint Mapping Between WCAG 1.0 and the WCAG 2.0 Working Draft
• WAI HTML Table Linearizer Entry Form
• NetMechanic's Design Accessible Tables
• Table Navigation Script
• Table Manners 
• Creating Structured Tables
  
  

Section 508 1194.22 -- (h) Markup shall be used to associate data cells and header cells for data tables that have two or more logical levels of row or column headers.

1. Access Board
2. JimThatcher.com
3. Accessibility Forum Testbed

• Tables in HTML documents
• Tablin: an HTML Table linearizer
• WAI HTML Table Linearizer Entry Form
• NetMechanic's Design Accessible Tables
• Table Navigation Script
• Table Manners 
  

Section 508 1194.22 -- (i) Frames shall be titled with text that facilitates frame identification and navigation.

1. Access Board
2. JimThatcher.com
3. Accessibility Forum Testbed

• Accessibility and frames
• Examples

Section 508 1194.22 -- (j) Pages shall be designed to avoid causing the screen to flicker with a frequency greater than 2 Hz and lower than 55 Hz.

1. Access Board
2. JimThatcher.com
3. Accessibility Forum Testbed

• NCAM Rich Media Accessibility > Flicker Demo   [flash images that flicker at 4Hz, 7Hz, 20Hz, and 59Hz. ]

Section 508 1194.22 -- (k) A text-only page, with equivalent information or functionality, shall be provided to make a web site comply with the provisions of this part, when compliance cannot be accomplished in any other way. The content of the text-only page shall be updated whenever the primary page changes.

1. Access Board
2. JimThatcher.com
3. Accessibility Forum Testbed

• Accessibility of text-only websites
• JBOSC Web Development Team Page     Text Only Version
• US NSF - National Science Foundation  Click Text Only Version bottom left

Section 508 1194.22 -- (l) When pages utilize scripting languages to display content, or to create interface elements, the information provided by the script shall be identified with functional text that can be read by assistive technology.

1. Access Board
2. JimThatcher.com
3. Accessibility Forum Testbed

• JavaScript accessibility issues

Section 508 1194.22 -- (m) When a web page requires that an applet, plug-in or other application be present on the client system to interpret page content, the page must provide a link to a plug-in or applet that complies with § 1194.21(a) through (l).

1. Access Board
2. JimThatcher.com
3. Accessibility Forum Testbed

• IHS   Plug-ins and File Viewers
• cms.hhs.gov: Help File Formats and Plug-Ins
• Corporation of Shepherdstown, West Virginia: Viewers
• Adobe Reader
• Office Online File Converters and Viewers

Section 508 1194.22 -- (n) When electronic forms are designed to be completed on-line, the form shall allow people using assistive technology to access the information, field elements, and functionality required for completion and submission of the form, including all directions and cues.

1. Access Board
2. JimThatcher.com
3. Accessibility Forum Testbed

• Forms in HTML documents
• ADA Request Form for Technical Assistance CD
• Advanced Accessibility for Forms   [ LEGEND and FIELDSET ]
• Forms Example     [Web-Savvy] JAWS:    Listening to the content     Tabbing through links.
  

Section 508 1194.22 -- (o) A method shall be provided that permits users to skip repetitive navigation links.

1. Access Board
2. JimThatcher.com
3. Accessibility Forum Testbed
4. Center for Persons with Disabilities
5. University of North Dakota | Web Templates

• Hiding a skip link over a textured background
• Monash University   [Skip to content]
• NASA Section 508 Homepage   [little dot at top left of page]
• Juicy Studio
• ADA Home Page
• MEDLINEplus: Disasters and Emergency Preparedness
  

Section 508 1194.22 -- (p) When a timed response is required, the user shall be alerted and given sufficient time to indicate more time is required.

1. Access Board
2. JimThatcher.com
3. Accessibility Forum Testbed