Automating for Accessibility (WWW2002)

Automating for Accessibility (WWW2002)

The practicality of supporting accessibility’s many dimensions

Jan Richards

(Adaptive Technology Resource Centre, University of Toronto, Canada)


Many dimensions… many considerations.

There was a time when an accessible Web page meant one that:


Many dimensions… many considerations.

Today an accessible Web page may need to take into account:


Many dimensions… many considerations.

These developments are likely to lead to the production of even more implementation-level requirements for Web authors.

In a perfect world, every author would read and follow all these requirements…


Many dimensions… many considerations.

… but in the real world:


Many dimensions… many considerations.

The only practical solution is to automate compliance with accessibility requirements to the greatest extent possible:


Integration in Tools Authors Use

A screenshot of a dialog warning that a document contains 547 accessibility problems


Integration in Tools Authors Use

A screenshot of an image with a blue wiggily outline and a drop down menu with various correction and help options.


Integration in Tools Authors Use

A screenshot of an image properties dialog with the alt-text field second in order and colored light yellow for emphasis


Integration in Tools Authors Use

A screenshot of a tool for adding alt-text. It includes the name of the file, a preview of the image, a place to enter the text or select a previous ly used text string and some rules of thumb to keep in mind.


Beyond HTML

Authoring tools for other Web formats (Flash, PDF, etc.) are beginning to take account of accessibility – this trend needs to continue and expand to:


Beyond HTML

For example:


Beyond HTML

A mockup of a whiteboard-chat tool that includes a built-in description enabling feature.


More Sophisticated Checking

The hardest part of accessibility checking is asking an author to manually check their work for something.


More Sophisticated Checking

A screenshot of Aprompt's dialog for handling manual errors. The things the user must check for are listed as well as a checkbox for claiming the checks have been made.


More Sophisticated Checking

To deal with this:


More Sophisticated Checking

Screenshot of an Aprompt dialog for adding descriptions of ASCII art. It includes an area to compose or select a description as well as a preview of the ASCII art.


More Sophisticated Checking

A screenshot of an Aprompt dialog box for detecting and correcting low color contrast. For each color pair an automated judgement of safe or unsafe has been made and controls have been added to allow the user to change the RGB values to increase contrast.


More Sophisticated Checking

Looking ahead:


Conclusion


Thank You

Screenshots: