An introduction to web accessibility

Bradley Dilger
Associate Professor
Department of English & Journalism

http://faculty.wiu.edu/CB-Dilger/
cb-dilger@wiu.edu

Web accessibility defined

An accessible web site provides information and/or services which function effectively for a wide variety of users, with minimal differences in delivered content. 

Why does web accessibility matter?

1 in 12 people are colorblind. 

1 in 20 students report a disability requiring accommodation. 

Many students have older computers or slow network access. 

Our population is aging. 

Online and off, accessibility helps everyone.

Curb cuts benefit bicyclists, children, and delivery truck drivers—not just wheelchair users! 

Likewise, web accessibility helps all web site visitors—not just assistive technology users. 

Legal requirements

  1.  The new Illinois Information Technology Accessibility Act provides a mandate for government and higher education.

  2.   NFB v Target could expand the Americans with Disabilities Act (ADA) to web pages.

Assistive technology

Devices which help people with physical handicaps use computers—replacing traditional displays, keyboards, mouses, etc. 

Often very expensive and require specialized driver software. 

Assistive technology examples

Screen readers: JAWS, WindowEyes. 

Braille displays. 

Chording keyboards. 

Sip and puff pointing devices. 

 

Braille display

ALVA 544 Satellite Traveler Braille display

Chording keyboard

Infogrip BAT chording keyboard

Think beyond “helping the physically disabled.”

Cognitive disabilities: dyslexia, ADHD, memory loss. 

Other impairments: epilepsy. 

Aging, fear of computers, lack of access to high-end hardware and software. 

The larger point: include, don’t exclude.

Making the web accessible

Short term work: six techniques for making your web sites more accessible. 

Long term work: integrate accessibility into your process for creating courses and developing web pages. 

The short term

  1.  Add an accessibility statement.

  2.  Make content-rich links.

  3.  Provide document structure.

  4.  Provide textual equivalents for multimedia.

  5.  Use color wisely.

  6.  Use automated verifiers.

One: add an accessibility statement

Ensure your desire for web accessibility is visible.

Provide contact information, and offer alternative formats. 

Describe your methodology. 

Ask for feedback. 

Two: make content-rich links

Avoid short links. Keep links distinct. 

Links should work out of context. 

Avoid:         click here or here for the updated syllabus and schedule

Better:        Get the updated course syllabus or updated schedule

Three: provide document structure.

Organize web pages as outlines: headings, subheads, lists, etc. 

Include a unique title for every page. 

Standardize navigation and other design elements whenever possible. 

Four: provide textual equivalents for multimedia

Add captioning to video. 

Include transcripts for audio. 

Do not convey information with sound alone.

Four: text equivalents (cont’d)

Describe images using “alt” attributes or in-document text. Focus on function and meaning,not appearance.

Avoid:         MHS logo graphic
        Purple and yellow chart

Better:         MHS homepage
        Chart: funding cuts, 2004-08

Five: use color wisely

Use contrasting foreground and background colors. 

Avoid bright colors for text.  

Do not convey information with color alone.

Six: use automated accessibility verifiers

Services like the Functional Accessibility Evaluator (FAE) check your page or site automatically, providing a report on accessibility.

These services are not perfect; no automated validator can check every accessibility issue. 

The long term

Read Mark Pilgrim’s Dive Into Accessibility.

Follow the Illinois Information Technology Accessibility Act .

Learn more about universal design. 

See the handout for more suggestions.

Thank you

I welcome your feedback, and I’m happy to help. 

Bradley Dilger
309-298-2212
cb-dilger@wiu.edu

Bradley Dilger, Associate Professor of English, Western Illinois U
© Copyright 2003-2009. Some rights reserved.