Section 508


"Compliance with the updated Section 508 Standards
is not required until January 18, 2018"
About the ICT Refresh


  1. Accessibility for 508
  2. Text Alternatives
  3. §1194.22 (a) Offer Text Equivalents   JimThatcher.com
    1. HTML5: Techniques for providing useful text alternatives
    2. Creating Accessible Images  Long Descriptions
    3. Images Concepts - Web Accessibility Tutorials
    4. HTML5 Accessibility Chops: title attribute use and abuse
      1. title attribute use and abuse examples
    5. Text Descriptions for Formulas, Graphs, and Maps
    6. Infographic
    7. Introduction to Image Description
    8. Graphic Descriptions    [972.6 KB - 270.2 seconds @28.8]
    9. William Gibson   [All Image no Alt]
    10. Digital Picture Postcards   [All Image no Alt]
    11. What is the National Instructional Materials Accessibility Standard (NIMAS)?
  4. Check Accessibility
    1. Testing
    2. Test for Yourself
  5. Navigation  Accessible In-Page Navigation
    1. Skip Navigation
    2. §1194.22 (o) Offer Skip Navigation  JimThatcher.com
      1. Back to Basics: Skip to Main Content Links  (Terrill Thompson )
      2. Skip Navigation (Accessibility/508) (HHS)
      3. HHS Home > Web Communications & New Media > Code Library Skip Navigation
    3. Headings Navigation
      1. Using Headings for Content Structure
      2. Quick tips for accessible headings
    4. Frames
    5. §1194.22 (i) Supply Frame Titles (attributes and elements)  JimThatcher.com
      1. HTML Frames Examples
      2. Minifacts about Norway 2009
      3. Color Laboratory
      4. The web Page From Hell
      5. Jacob Nielsen: "Why Frames Suck (most of the time)."
      6. ALT.HTML: "Why are Frames so Evil?"
      7. Web Design Group: "Guide to Frame Usage."
      8. Access Board's guidelines for creating accessible frames.
      9. What's wrong with frames?
      10. Guide to frames usage
      11. Welcome to FrameShop!
    6. Accessible Links
      1. Hide the Link!
      2. Click here
      3. Mystery meat navigation
        1. Mystery Meat Navigation: Recent Examples
      4. Links and Hypertext
  6. Image Maps
    1. Server-Side Image Maps
      1. §1194.22 (e) Provide Redundant Links for Server-Side Maps  JimThatcher.com
    2. Client-Side Image Maps
      1. §1194.22 (f) Use Client-Side Image Maps  JimThatcher.com
      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. Welcome to A Sightseer's Guide to Engineering
      8. Web Developer Example image map     Web Developer Example button bar
      9. Poor Person's Image Mapper   swoop.jpg    elliottco.gif
      10. What's Wrong with Image Maps?
      11. Mapedit!
      12. Welcome to the Town of Richmond Hill Website Visit the Town of Richmond Hill, Ontario, Canada, the municipal government that is a little north, a little nicer. Town Hall, Mayor and Council, Municipal Services, Business, Parks & Recreation, Department and Affiliate pages.
      13. Mayor and Council
      14. Mayor & Members of Council (2006-2010). Image is an image map allowing access to individual pages.
  7. Audio & Multimedia
  8. §1194.22 (b) Present Synchronized Multimedia  JimThatcher.com
    1. ADA Video Gallery
    2. Flash with captioning in Real Player
    3. Accessible Flash
    4. Heart Attack Warning Signs    Part 1: Bob Weltner   (Real: Video Playtime: 1 minute, 54 seconds)
    5. Examples of Rich Media  (National Center for Accessible Media (NCAM) )
    6. VA  eLearning course
  9. Special Cases
    1. Color
    2. §1194.22 (c) Remain Independent of Color  JimThatcher.com
      1. We are Colorblind
        1. Examples
      2. Colour Contrast Analyser
      3. the background colour of this page...
      4. Duxbury Systems -- braille translation software (check style)
      5. Colorblind Web Page Filter
      6. Colour Blindness Simulator  Etre (online tool)
    3. Color Contrast
      1. Low-Contrast Text Is Not the Answer
      2. Color Contrast
      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  JimThatcher.com
      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!
      4. NORTH ROYALTON POLICE
      5. ▁▂▃▄▅▆▇ `^^^^^~ ░ ui▀┳╲ ☺ .info
    6. Timed Response
      1. §1194.22 (p) Alert Users to Timed Responses  JimThatcher.com
        1. IBM: Hardware Self Contained, Closed Products checklist: Checkpoint 5.1: Timed responses
        2. Response Times: The 3 Important Limits
        3. Position Paper: Use of Extended Time
    7. Text Only Alternative
    8. §1194.22 (a) Offer Text Equivalents   JimThatcher.com
      1. Text-only news sites are slowly making a comeback. Here's why.
      2. Text Descriptions for Formulas, Graphs, and Maps
      3. Graphic Descriptions    [972.6 KB - 270.2 seconds @28.8]
      4. How should we provide text equivalents for non-text elements on the web?
      5. William Gibson   [All Image no Alt]
      6. Digital Picture Postcards   [All Image no Alt]
      7. What is the National Instructional Materials Accessibility Standard (NIMAS)?
        1. NIMAS Workflow Graphic: Acrobat PDF  Graphic Alternative  [.doc]
      8. Nebraska Department of Roads
      9. The National Science Foundation
      10. Don't Provide a Separate Text-only Alternative Site
  10. Accessible Forms
  11. §1194.22 (n) Design Accessible Forms  JimThatcher.com
    1. Website Forms Usability: Top 10 Recommendations
    2. Creating Accessible Forms
    3. Forms in HTML documents
    4. Forms Accessibility
    5. Advanced Accessibility for Forms   [ LEGEND and FIELDSET ]
    6. Accessible (508) HTML Forms (HHS)
    7. Dropdown Menus Test Page
    8. 17.10 the FIELDSET and LEGEND elements
    9. Test of the <optgroup> Tag
  12. Accessible Tables
  13. §1194.22 (g) Label Row and Column Headers  JimThatcher.com  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. Table Manners 
    7. Creating Structured Tables
  14. §1194.22 (h) Use the Headers Attribute in Complex Tables  JimThatcher.com  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. HTML Table Standard (Section 508) (HHS)
    7. Examples of tables and statistical graphics
    8. How to Create Accessible Data Tables That Are Section 508 Compliant
  15. Scripts and Applets
  16. §1194.22 (m) Specify Accessible Applets and Plug-ins  JimThatcher.com
    1. IHS   Plug Ins Section
    2. cms.hhs.gov: Help File Formats and Plug-Ins
    3. Provide Plug-Ins for non-HTML Files (HHS)
    4. Corporation of Shepherdstown, West Virginia: Forms And Instructions
    5. Adobe Reader
    6. Office Online File Converters and Viewers
    7. Microsoft: Supported versions of the Office viewers  2018
  17. Style Sheets
  18. §1194.22 (d) Stay Independent of Style Sheets  JimThatcher.com
    1. Creating Accessible CSS: Using CSS to Your Advantage
    2. Creating Accessible CSS: CSS Pitfalls
    3. CSS Background Images and Accessibility
    4. Article: CSS accessibility problems: is markup dead?
    5. Accessibility Features of CSS
  19. The 508 Provisions

 



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


David J. Hark
HARK/INTERNET-HELP,Inc.
P. O. Box 201 Shepherdstown, WV 25443-0201
304-876-2607
N8GMQ
dhark@fred.net
http://www.dhark.com
http://www.fred.net/dhark

Last updated: 3 April 2018

 

© 2012 - 2018 David J. Hark