WaSP InterACT

Resources

Universal Design Resources

• The Principles of Universal Design
• Universal Usability Resources

Usability Resources

• Steven Krug, Don’t Make Me Think
• Jakob Nielsen, Usability 101
• Usability Basics
• What is Usability?
• Web Design References: Usability

Accessibility Resources

• WebAIM: Web Accessibility In Mind
• UI Access
• Adobe - Accessibility Resource Center
• WAI Resources
• Web Accessibility for All
• Web Design References: Accessibility

Accessible/Inaccessible Web Page Demos

• UW-Madison: Aquatic Arts
• WAI - Citylights

Web Accessibility Initiative (WAI)

• WAI Resources
• WCAG 1.0 Checkpoints
• WCAG 1.0
• WCAG 2.0 At a Glance
• Constructing a POUR Website
• WCAG 2.0
• WAI-ARIA Primer

Section 508

• Section 508 Standards
• Section 508 Update
• E-Learning: Conforming to Section 508

Other Accessibility Guidelines

• Illinois Information Technology Accessibility Act
• International Policies
• BSI British Standards DPC BS 8878:2009 Web accessibility — Building accessible experiences for disabled people — Code of Practice

Web Resources on Browser Accessibility

• Accessibility Features of Firefox
• Internet Explorer 6 Accessibility Features
• Internet Explorer 8 Accessibility Features
• Accessibility in Google Chrome beta

How Individuals with Disabilities Experience the Web

• Overview of Disabilities
• How People with Disabilities use the Web
• Accessible Web Design Video Presentation
• A collection of videos that demonstrate people using assistive technology
• Another collection of videos that demonstrate people using assistive technology
• Introduction to the Screen Reader
• Charts over the telephone

Assistive Technology

• JAWS
• Window-Eyes
• Connect OutLoud
• Fangs text-reader simulation for Firefox
• WebAnywhere - a self-voicing, web browsing web application
  • Video Demo
  • Alpha Release

The Business Case for Accessibility

• Optimizing Your Chances with Accessibility
• Developing a Web Accessibility Business Case
• Accessibility helping business: the case of Legal & General in United Kingdom
• High Accessibility is Effective Search Engine Optimization
• SEO - Accessibility's Best Friend

Accessible Page Content

• iCITA: Unique Title Overview
• iCITA: Subheading Overview
• iCITA: Linearization Overview
• iCITA: Language Overview
• iCITA: Link Overview
• iCITA: List Overview
• iCITA: Accesskey Overivew
• Color Contrast

Accessible XHTML Images

• Web Accessibility 101: Creating Accessible Images
• The Accessibility Institute
  • alt Text for Functional Graphics
  • alt Text for a Logo
  • alt Text for Decorative Images
  • Accessible Graphics
• iCITA: Text Equvalents Best Practices

Accessible XHTML Tables

• Web Accessibility 101: Data and Layout Tables
• Creating Accessible Data Tables
• iCITA: Data Table Overview
• The Accessibility Institute: Accessible Tables
  • Identifying Column and Row Headers
  • Associating Data Cells and Header Cells in a Complex Table
  • A Data Table with a summary Attribute
  • A Data Table with a <caption> element and a summary Attribute

Accessible Navigation

• Web Accessibility - Navigation
• Designing Accessible Navigation
• Navigation & Hyperlinks
• iCITA: Navigaton Bar Overview

Accessible XHTML Forms

• Accessible HTML/XHTML Forms
• Web Accessibility 101: Accessible Data Forms
• Accessible Forms
• iCITA: Form Labeling Overview
• The Accessibility Institute: Accessible Forms
  • Labeling Input Fields
  • Grouping Related Items on a Form
  • Radio Buttons
  • Graphical Buttons
  • Labeling Pulldown Menus

CSS Accessible Techniques

• Building Accessible Static Navigation with CSS
• Creating Accessible CSS
• Optional: Max Design Sample CSS Page Layouts
• iCITA: Styling Best Practices

Accessibility & Color

• Color: Contrast, Vision Deficiencies, Tools
• Understanding Color and Accessibility

Accessible Multimedia

• Accessible Multimedia
• Flash & Accessibility Case Study — JK Rowling Flash website - Case study - Web Access Centre
• Flash CS3 Accessibility Overview
• Flash CS3 Accessibility Design Guidelines
• Video with Closed Captions and Audio Description
• Educational non interactive Flash animation - opens a new window
• Creating Accessible Multimedia
• Captioned Media Program (CMP): Guidelines and preferred techniques
• Synchronized Accessible Multimedia Interchange (SAMI)
• Synchronized Multimedia Integration Language (SMIL)
• Media Access Generator (MAGpie)
• Captioning & YouTube
  • Example of YouTube Video with captions
  • Overview
  • Related Article
• MovCaptioner (Mac only)

Accessible PDFs

• Web Accessibility for All: Create an Accessible PDF from a MS Word document
• Tutorial: PDF from Word 2003 and/or PDF from Word 2007
• Word to PDF Quick Reference Card (pdf)
• Optional: Adobe PDF Tutorial 1 (audio required)
• Optional: Adobe PDF Tutorial 2 (audio required)
• Accessible PDF WebCast
  • Accessible PDFs and Word Documents (54 minutes long)
  • First PDF Example, Second PDF Example, Third PDF Example, and Word Document Example
• Listen to Your PDF
  • http://www.adobe.com/designcenter/acrobat/articles/acr6araccessibility.html
  • http://www.adobe.com/designcenter/acrobat/articles/acr6araccessibility/acr6araccessibility.pdf

Accessible Scripting

• Replacing <noscript> with accessible, unobtrusive DOM/JavaScript
• Accessible Context-sensitive Help with Unobtrusive DOM Scripting
• Google's Gmail: Accessible ARIA Example

Accessibility Testing Checklist

• WebAIM Quick Reference: Web Accessibility Principles
• WebAIM Quick Reference: Testing Web Content for Accessibility

Accessibility Testing Tools

• W3C WAI Annotated List of Testing Tools
• Cynthia Says from HiSoftware

  An online tool that checks for either WCAG 1.0 and/or Section 508 compliance and can emulate one of a list of specified browsers.

• Worldspace Online

  An online accessibility analysis tool designed to identify errors with Section 508, and the Web Content Accessibility Guidelines.

• Wave 4.0 beta from WebAIM

  A new version of the popular WAVE. The beta seems to be quite reliable. The report is the web page displayed with icons — quite a visual tool. Firefox Extension Available.

• ATRC Web Accessibility Checker

  An online tool that checks for WCAG 2.0 compliance.

• Hera 2.0

  An online tool that checks for WCAG 1.0 compliance.

• Firefox Web Developer Extension

  Download and install this extension in your FireFox Browser. From the Extension Toolbar select Tools > Validate WAI > Validate Section 508 (or Validate WAI). WebAIM Evaluating Web Sites for Accessibility with the Firefox Web Developer Extension.

• Color Contrast Analyser Firefox Extension
  

  Download and install this extension in your FireFox Browser. This tool identifies color characteristics including the background color, text color, and luminosity contrast ratio.

• Accessibility Color Wheel
  

  This online tool checks for color contrast.

• Adobe Dreamweaver built-in Accessibility Validator

  To check a single page, open the page in Dreamweaver and select File > Check Page > Accessibility. To create a report for an entire Dreamweaver site, select Site > Reports > select your report options > Run.

• Web Accessibility Toolbar for Internet Explorer

  Download and install this toolbar in your Internet Explorer Browser

• AIS Web Accessibility Toolbar for Internet Explorer

  Download and install this toolbar in your Internet Explorer Browser

• FAE — Illinois Functional Accessibility Evaluator (FAE)

  Developers can use the tool to test their web resources for functional accessibility features based on the iCITA HTML Best Practices — which are designed to verify that web resources functionally accessible to people with disabilities and comply with the Illinois Web Accessibility Standards, Section 508 Information Technology Accessibility Standards and the W3C Web Content Accessibility Guidelines (WCAG) 1.0 accessibility guidelines.

• Illinois Firefox Accessibility Extension
  

  Download and install this extension in your Firefox browser to test web pages for functional accessibility features based on the iCITA HTML Best Practices.

• Accessibility Tools
  

  A comprehensive listing of Accessibility Tools provided by the University of Minnesota at Duluth

  .

Accessibility Testing Tools - Enterprise Class

• WorldSpace
• IBM Rational Policy Tester - Accessibility Edition
• InFocus Suite
• NetCentric CommonLook for the Web

Accessibility & Mobile Web

• Making a Web Site Accessible Both for People with Disabilities and for Mobile Devices
• Mobile Web Best Practices (MWBP)

Audio and Video Transcription Services

• Transcripts on the Web: Getting people to your podcasts and videos
• Transcription Services Compendium
• Automatic Sync Technologies
• CastingWords
• Transcribr
• e24tech
• EveryZing