HARK/INTERNET-HELP, inc.

David J. Hark

Teacher/Trainer/Webmaster/Photographer
with broad background in media:
Internet, Web, Photography, Digital Imaging

     

Web Accessibility and Section 508

"The wonderful thing about standards
is that there are so many of them to choose from".
Rear Admiral Grace Hopper

Admiral Grace Hopper, USN, with three other programmers at the control panel of the UNIVAC I computer.
Rear Admiral Grace Hopper, USN,
with other programmers at UNIVAC 1.

Software bug  photo

 

ATbat

About the ATbar

 

This page is divided into the following major sections:

 

What Do I Call you?

Among people with functional limitations, the term "disability" has become the most widely accepted term. It is an accurate, succinct description, which encompasses most people with physical disabilities.

An example of political correctness is the changing terminology used to described handicapped people. In the past the term "crippled" was perfectly acceptable and not considered offensive. At some point, somebody decided "crippled" was degrading and the preferred term changed to "handicapped". This, too, was eventually deemed offensive and "disabled" became the preferred term. Today, "disabled" is now considered degrading and "differently abled" and "physically challenged" are now the politically correct terms.

 

I'm Tyler

 

Gaming and Accessibility

Section 508

 

Microsoft web page with note that accessibility features are not available.

D 

Note about accessibility: This test version of the Microsoft Download
Center does not include accessibility features we normally provide
in our final releases, including support for browser page readers
and the ability to change fonts.

 

Back to top

Review of Section 508 Standards for Web Accessibility

Back to top

Other Resources


 

Old woodcut image from the middle ages of men attacking an old castle. The words, Oy Gevalt! Such a day!, appear at the top of the image.

Users found the site easy and fun to use!

Back to top

Writing for the Web

Back to top


 

 

the WCAG By David MacDonald © 2005-2008

WCAG 2.0 Theme Song This is the theme song for the new WCAG 2.0 which is a W3C recommendation. Accessibility consultant David MacDonald wrote it during a Face to Face WCAG meeting in Los Angeles. He did the instruments, programming, vocals and mixing in his home studio.

Standards and Organizations

The World Wide Web Consortium (W3C)

W3C's Web Accessibility Initiative (WAI)

  1. W3C's Web Accessibility Initiative (WAI)     W3C
  2. The W3C's Web Accessibility Initiative Guidelines
  3. WCAG 2 at a Glance
  4. W3C Cheatsheet: Accessibility: WCAG2 at a Glance
  5. WCAG 2 - Don't Panic
  6. Web Content Accessibility Guidelines 2.0     Checklist of Checkpoints
  7. Section 508 Web Standards and WCAG Priority 1 Checkpoints A Side-by-side Comparison
  8. What is the difference between the WAI guidelines and the Section 508 standards for Web accessibility?

Back to top

Section 508

ANPRM for Updating ICT Guidelines and Standards (ADAAG, 255, 508)

Draft Information and Communication Technology (ICT) Standards and Guidelines

  1. The U.S. Access Board
  2. Update of the 508 Standards and the Telecommunications Act Guidelines
  3. Workforce Investment Act of 1998 SEC. 508. ELECTRONIC AND INFORMATION TECHNOLOGY.
  4. Web-based Intranet and Internet Information and Applications (1194.22)    [June 21, 2001]
  5. The Sixteen Section 508 1194.22 Requirements & Instructions  [David's Page]
  6. Section 508 demo and test page home
  7. Section 508 to be updated
  8. WebAIM Section 508 Checklist
  9. Section 508: The Road to Accessibility
  10. Department of Justice Section 508 Home Page
  11. Accessibility Forum Website      Test bed
  12. Department of Veterans Affairs
    1. Accessible Electronic Information Technology - Section 508
    2. Section 508 Training & Awareness
  13. Section 508 Web Standards and WCAG Priority 1 Checkpoints A Side-by-side Comparison
  14. JimThatcher.com Web Accessibility for Section 508 
  15. Section 508 Self-Evaluation
  16. Webmaster's Section 508 Discussion List    [Department of Veterans Affairs ]
  17. Accessibility Forum's    Section 508 demo and test page home  
  18. Links to Federal Agency Public URL's on Section508 Policy, Guidance, and Best Practices
  19. Section 508 and The NASA Web Portal
  20. Goddard Section 508 Best Practices
    1. Living Examples
    2. Section 508 Web Accessibility Checklist

Section 508 Checklist

  1. Section 508.gov
    1. How do I Evaluate My Software Applications or Website for Accessibility?
  2. WebAIM: Web Accessibility In Mind
    1. WebAIM Section 508 Checklist
  3. US Department of Veterans Affairs
    1. Section 508 Checklist for §1194.22 Web-based Intranet and Internet Information and Applications   (PDF form)
  4. University of Wisconsin-Platteville
    1. Full WAI & 508 Checklist
    2. Simple Version Checklist
  5. United States Patent and Trademark Office
    1. Web Content Checklist for Section 508 Compliance (PDF form)
  6. National Highway Traffic Safety Administration (NHTSA)
    1. Web-based Internet Information and Applications Section 508 Checklist (PDF form)
  7. US Environmental Protection Agency
    1. 508 Compliance Toolkit
  8. U.S. General Services Agency
    1. GSA 508 Tutorials, Guidance, Checklists

508 vs WAI

  1. Section 508 Web Standards & WCAG Priority 1 Checkpoints: A Side-by-side Comparison
  2. Section 508 and WCAG Sidebar
  3. If a web site is WCAG A-Compliant and its author wants to be Section 508 compliant as well, these are the five standards he must address additionally.
    These are paragraphs 1194.22 (l), (m), (n), (o), and (p).
  4. Mapping Section 508 to WCAG 2.0   [Wayne Dick and Tom Jewett]
  5. Mapping Section 508 to WCAG 2.0 Level A
  6. Web checklist IBM Web Accessibility Checklist, W3C Web Content Accessibility Guidelines (WCAG) and US Section 508

Americans with Disabilities Act

DOJ Delays Web Accessibility Regulations

  1. ADA Home Page - ada.gov
  2. Department of Justice Advance Notice of Proposed Rulemaking (ANPRM)
    1. Nondiscrimination on the Basis of Disability; Accessibility of Web Information and Services of State and Local Government Entities and Public Accommodations
    2. Federal Register Version -- Web Information and Services
  3. A Guide to Disability Rights Laws
  4. DisabilityInfo.gov
  5. Department of Justice ADA Technical Assistance CD-ROM     order
  6. The Americans With Disabilities Act   [ the text ]
  7. Applying the ADA to the Internet: A Web Accessibility Standard
  8. U.S. Department of Justice ADA Title II Highlights
  9. Americans with Disabilities Act Document Center
  10. ADA celebrates 12th birthday with civic compliance
  11. A Progress Report on Fulfilling America's Promise to Americans with Disabilities
  12. The Americans with Disabilities Act (ADA): 1990 - 2002
  13. Should Web-only businesses be required to be disabled-accessible?  [CNN.com Nov 7, 2002]

Back to top


Organizations and Companies

100 Killer Web Accessibility Resources: Blogs, Forums and Tutorials

ABLEDATA

Accessify

Accessible Culture

Adobe

Back to top

Coalition of Organizations for Accessible Technology

Fujitsu Web Accessibility Guidelines

Google

Hewlett-Packard

IBM

JISC TechDis Accessibility Essentials

  1. Making Electronic Documents More Readable
  2. Writing Accessible Electronic Documents with Microsoft® Word  
  3. Creating Accessible Presentations
  4. Making the Most of PDFs

Knowbility

Microsoft

Back to top

The Ohio State University

Trace Research and Development Center - Trace Center

University of Illinois at Urbana/Champaign

Accessibility 101

WebAIM: Web Accessibility in Mind

Wikipedia

Back to top

 


Technologies and Issues

Accessible Rich Internet Applications (ARIA)

Design

Semantic Markup

Back to top

Assistive Technology

Age

Forms

Back to top

Frames

Tables

Java

LMS

JavaScript and Dynamic HTML Accessibility

AJAX

Back to top

Web 2

Mobile

Web sites that already meet WCAG or MWBP are already well on the way to meeting the other.

Back to top

CSS

Back to top

HTML5

Back to top

Testing

Testing Sevices

Vision Issues

Back to top

Intellectual / Cognitive Disabilities

Screen Readers

YouTube Captions and Subtitles

Add multiple captions or subtitle tracks to your videos! About captions and subtitles feature http://www.youtube.com/t/ca... English script can be found here. http://sites.google.com/sit...

Back to top

Multimedia

Audio / Podcasts / Video

Books/Reports/Magazines

Social Accessibility

Social Media

Accessibility Info / Training, On-Line

  1. Webucator
    1. Accessibility Tutorial: Learn Accessibility
    2. Accessibility Tutorial: An Introduction to Section 508
  2. Building Accessible Websites  HTML version of Joe Clark's book
  3. Training Manuals and Tutorials  (High Tech Center Training Unit)
    1. Server Statistics 
  4. CATEA Web Accessibility Course
    1. This course replaces the former ITTATC web accessibility course.
  5. Access E-Learning     [ Georgia Tech Research on Accessible Distance Education ]
  6. Introduction to Web Accessibility   WebAIM
  7. Section 508 Training
  8. NWS   NOAA   Internet/Intranet Accessibility Tutorial
  9. Web Accessibility 101    [ University of Wisconsin-Madison ]
  10. Structure and Style for the Web  [pdf]
  11. Art of ALT    captioned video example

Accessibility Blogs / Forums On-Line

  1. The Paciello Group Blog
  2. the Accessibility Forum
  3. Marco's accessibility blog
  4. Web Accessibility Blogs
  5. AccessifyForum
  6. WebAIM Accessibility Forums
  7. w3c-wai-ig@w3.org Mail Archives
  8. mozilla . dev . accessibility
  9. Trace   "sec508" Thread Index
  10. Blogging Against Disablism

Back to top


Accessibility Around the World

Global

Canada

European Union

United Nations

France

Germany

India

Ireland

France

New Zeland

United States

State:

Overview of State Accessibility Laws, Policies, Standards and Other Resources Available On-line

County:

City:

United Kingdom

Back to top


Examples and pages for testing

Other Examples

MIT OpenCourseWare
6.931 Development of Inventions and Creative Ideas
Is the MIT OpenCourseWare site compliant with W3C standards and accessibility requirements?
Vision Australia
American Council of the Blind
A Guide to Making Documents Accessible to People Who Are Blind or Visually Impaired
American Printing House for the Blind, Inc.
Publications
Good Text/Background Color Combinations
Poor Text/Background Color Combinations
Language Log: The main job of the girl brain
Their table of raw and adjusted results is here.
Scrupulously avoiding sigma [check the table]  effect size
House Committee on Agriculture
digNubia: Exploring the Science of Archaeology
Switch to the HTML version of Dignubia
Video
Accessibility
Welcome to SFGOV - Official San Francisco
Web Accessibility    ReadSpeaker
Welcome to SFGOV in Mini Opera Simulator
Program Schedule SFGTV & SFGTV2
BART
BART has created special web pages with fewer images, less text and simple formatting that can be displayed by most mobile web browsers. Your device might show things a little differently, but click here see a working example.
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.
Mayor and Council
Mayor & Members of Council (2006-2010). Image is an image map allowing access to individual pages.
Fairfax County, VA
Current Site
New Site Design 
Color Vision Simulator Examples
Vischeck's color vision model allows you to simulate how the world looks to people with various sorts of color deficiency.
TinyEyes
How do babies see the world? Note: "Quick baby facts!" on the right side. Accessible? swimmers All the images have the same alt="Baby looking at toys"
Notice the camouflage netting
Is this a "Quality Text Alternative"
http://www.jim-crace.com/     screen capture
title: Untitled Document, frames, "link" for The Pest House (2007) is not a link
Accessibility Design and Features
This site is designed with accessible features and considerations to give all visitors a similar browsing experience. (Society for Technical Communication, STC, Washington DC chapter)
TV Converter Box Coupon Program Website - Privacy Policy & Accessibility   screen capture
Links are not underlined and are a light blue, close to text in tone.
Accessible Web Design Examples
These examples have been created to help directly identify common 508 issues. Code is provided for advanced users.
Section 508 - NOAA's National Weather Service
Check the link color with CSS disabled
Where do you want to be?
Linking directly to an image doesn't allow for alternative text.
Aquatic Arts - Learn by Example
In order to illustrate the best practices for accessible web page design, we have created a website that contains both Inaccessible & Accessible pages. These examples should provide solutions to the most common accessibility issues currently facing web content managers.
Accessible University (AU) mock site
The Accessible University (AU) mock site was developed by AccessIT as a tool for demonstrating web accessibility principles.  Index of Accessible University Pages       Non-Frames Version      Frames Version
Photoshop Pattern Stamp Tool
Transcript available for narrated flash demonstration
Meet the Professionals Shawn Henry
In English with Japanese subtitles.  English Transcript    Download for iPod
How to Change Text Size or Colors
The WAI Web site is designed to let you change the text size, text and background colors, and other display settings through standard browser settings.
Introduction to the Screen Reader
"Introduction to the Screen Reader" with Neal Ewers of the Trace Research Center is a short 6 minute video demonstrating how screen readers assist people who are blind navigate the web, access the electronic page, and more.
About Eogogics
[How to say Eogogics - please have speakers on]
Animated GIFs to test for Flickering and Photosensitive Epilepsy    Flicker Rate Test for GIF images
Animated gif images
Your Lucky Day?  Another Lucky Day?
10dollarpayroll.com
NCAM Rich Media Accessibility > Flicker Demo
[flash images that flicker at 4Hz, 7Hz, 20Hz, and 59Hz. ]
YTMND - 3.141592653589793...
And with the CSS disabled, we see....
NASA Goddard: Section 508 Best Practices
Living Examples
Example of Poor Contrast
http://team.bkwld.com/2007/11/28/alpha-transparency-vs-index-transparency-for-8-bit-pngs/
What Is Web 2.0
Print       Listen
Browser Test
Follow the sequence of links and take note of what your browser and computer can and cannot do. Florida Gulf Coast University
 
 

Back to top