Think Big Learn Smart
Web Accessibility (A11y) and Section 508

Class Page: Web Accessibility and Section 508 Training

Accessibility Handbook Cover

The detailed and thorough tutorial on web accessibility:
Web Accessibility for Section 508 - Tutorial  (Jim Thatcher)

Accessibility DC


  1. Accessibility for 508
  2. Text Alternatives
  3. §1194.22 (a) Offer Text Equivalents
    1. HTML5: Techniques for providing useful text alternatives
    2. Creating Accessible Images  Alternative Text
    3. HTML5 Accessibility Chops: title attribute use and abuse
      1. title attribute use and abuse examples
    4. Image ALT Tag Tips for HTML
    5. longdesc vs D-link query
    6. Text Descriptions for Formulas, Graphs, and Maps
    7. Introduction to Image Description
    8. Infographic Accessibility: Text is text
    9. William Gibson   [All Image no Alt]
    10. What is the National Instructional Materials Accessibility Standard (NIMAS)?
  4. Check Accessibility (Jim Thatcher)
    1. Testing
    2. Test for Yourself
  5. Navigation  Accessible In-Page Navigation (Jim Thatcher)
    1. Skip Navigation
    2. §1194.22 (o) Offer Skip Navigation
      1. Back to Basics: Skip to Main Content Links  (Terrill Thompson )
      2. Best practices for the audio description of live events
      3. Dropdown Menus Test Page
      4. Using Headings for Content Structure
        1. Using headings to improve accessibility
      5. Keyboard Accessibility
      6. Tips and Techniques For Creating Great Keyboard Accessibility
      7. Creating Accesskey Shortcuts For Site Navigation
    3. Frames
    4. §1194.22 (i) Supply Frame Titles (attributes and elements)
      1. HTML Frames Examples
      2. Color Laboratory
      3. The web Page From Hell
      4. Jacob Nielsen: "Why Frames Suck (most of the time)."
      5. ALT.HTML: "Why are Frames so Evil?"
      6. Web Design Group: "Guide to Frame Usage."
      7. What's wrong with frames?
      8. Guide to frames usage
      9. Welcome to FrameShop!
    5. Accessible Links
      1. Hide the Link!
      2. Click here  (Jim Thatcher)
      3. Mystery meat navigation
        1. Mystery Meat Navigation: Recent Examples
      4. Links and Hypertext   (WebAIM)
  6. Image Maps (Jim Thatcher)
    1. Server-Side Image Maps
      1. §1194.22 (e) Provide Redundant Links for Server-Side Maps
    2. Client-Side Image Maps
      1. §1194.22 (f) Use Client-Side Image Maps
      2. Image maps (W3C)
      3. Example Client-Side Image Map  Example
      4. Web 2.0 Image Map  view as Web 2.0 svg  Example
      5. Image map with added JavaScript  Example
      6. The Million Dollar Homepage - Own a piece of internet history!
        1. The Zero Million Dollar Homepage
      7. Poor Person's Image Mapper   swoop.jpg    elliottco.gif
      8. What's Wrong with Image Maps?
      9. Mapedit!
  7. Audio & Multimedia  (Jim Thatcher)
  8. §1194.22 (b) Present Synchronized Multimedia
    1. ADA Video Gallery
    2. Heart Attack Warning Signs    
    3. Examples of Rich Media  (National Center for Accessible Media (NCAM) )
  9. Special Cases (Jim Thatcher)
    1. Color
    2. §1194.22 (c) Remain Independent of Color
      1. We are Colorblind
        1. Examples
      2. Colour Contrast Analyser
      3. the background colour of this page...
      4. Colorblind Web Page Filter
      5. Colour Blindness Simulator  Etre (online tool)
    3. Color Contrast
      1. Color Contrast
      2. Contrast Ratio: Easily calculate color contrast ratios.
      3. Colour Contrast Check (online tool)
      4. Colour Contrast Analyser       download   
      5. Color Contrast Analyzer (online tool)
      6. Fujitsu ColorDoctor  (online tool)
      7. SSB Bart Group Color Contrast Checker   (online tool)
      8. The Paciello Group Contrast Analyser  (online tool)
      9. WebAIM Color Contrast Checker  (online tool)
      10. Index of Color Contrast Samples
      11. Sonogram
    4. Flicker Rate
    5. §1194.22 (j) Reduce Flicker
      1. Photosensitive Epilepsy Analysis Tool (PEAT)
        1. User Guide
        2. Information about Photosensitive Seizure Disorders
      2. Animated gif images
      3. Your Lucky Day?  BAD example, this could cause a problem!
      5. ▁▂▃▄▅▆▇ `^^^^^~ ░ ui▀┳╲ ☺ .info
    6. Timed Response
      1. §1194.22 (p) Alert Users to Timed Responses
        1. Response Times: The 3 Important Limits
        2. Position Paper: Use of Extended Time
    7. Text Only Alternative
    8. §1194.22 (a) Offer Text Equivalents
      1. Text Descriptions for Formulas, Graphs, and Maps
      2. William Gibson   [All Image no Alt]
      3. What is the National Instructional Materials Accessibility Standard (NIMAS)?   (.pdf or .doc)
      4. Nebraska Department of Roads
      5. The National Science Foundation
      6. Textise: The text-only internet tool
        • In an effort to enhance the accessibility experience for our customers, we have created a page to more easily navigate the new experience, available at the web address
  10. Accessible Forms  (Jim Thatcher)
  11. §1194.22 (n) Design Accessible Forms
    1. Creating Accessible Forms
    2. Forms in HTML documents
    3. Forms Accessibility
    4. Advanced Accessibility for Forms   [ LEGEND and FIELDSET ]
    5. Accessible Client-side Form Validation with HTML5
    6. 17.10 the FIELDSET and LEGEND elements
    7. Test of the <optgroup> Tag
  12. Accessible Tables  (Jim Thatcher)
  13. §1194.22 (g) Label Row and Column Headers  Data Tables (Headers)
    1. Tables in HTML documents
    2. Tablin: an HTML Table linearizer
    3. WAI HTML Table Linearizer Entry Form
    4. NetMechanic's Design Accessible Tables
    5. Table Navigation Script
    6. Creating Structured Tables
    7. Tables 
  14. §1194.22 (h) Use the Headers Attribute in Complex Tables  Data Tables (Markup)
    1. Tables in HTML documents
    2. Tablin: an HTML Table linearizer
    3. WAI HTML Table Linearizer Entry Form
    4. NetMechanic's Design Accessible Tables
    5. Table Navigation Script  (Requires JavaScript)
    6. Examples of tables and statistical graphics
  15. Scripts and Applets  (Jim Thatcher)
    1. jQuery UI Accessibility Analysis
    2. Accessible jQuery-ui Components Demonstration
      1. Download the latest version of this demo as a zip file  (2Mb)
    3. Accessible jQuery UI DatePicker
  16. §1194.22 (m) Specify Accessible Applets and Plug-ins
    1. IHS   Plug Ins Section
    2. Help File Formats and Plug-Ins
    3. Erie County, Ohio
    4. Corporation of Shepherdstown, West Virginia: Forms And Instructions
    5. Adobe Reader
    6. Office Online File Converters and Viewers
  17. Style Sheets  (Jim Thatcher)
  18. §1194.22 (d) Stay Independent of Style Sheets
    1. Accessible CSS     (WebAIM)
    2. Cascading Style Sheets And Accessibility
    3. Notes on accessible CSS image sprites
    4. CSS Background Images and Accessibility
    5. Accessibility Features of CSS
    6. Idaho State Board of Medicine
  19. The 508 Provisions    (WebAIM)

WebAIM Survey

Break Timer

** Home ** Class Pages ** Site Map **

David J. Hark
P. O. Box 201 Shepherdstown, WV 25443-0201

Last updated: 29 February 2016


© 2014 - 2016 David J. Hark