Here is some selected material from a presentation at the "I Invent the

Future” Grace Hopper Celebration of Women in Computing 2007

http://gracehopper.org/2007/

Note that there is additional information in the Notes section for these

“slides”.

This material is copyright© W3C[1] and licensed under the W3C Document

License[2], with the exception of some of the images. Additionally, you are

granted permission to create modifications or derivatives of this material.

That means you can copy, change, translate, distribute, and present this

material as long as you include a reference to the source material:

Making the Future Web Accessible to People with Disabilities, S.L. Henry.

W3C (MIT, ERCIM, Keio), October 2007.

www.w3.org/WAI/presentations/20071019-GHC-future-material.ppt

[1] www.w3.org/Consortium/Legal/ipr-notice#Copyright

[2] www.w3.org/Consortium/Legal/copyright-documents

Making the Future WebAccessibleto People with Disabilities

ShawnLawtonHenry

MITMassachusetts Institute of Technology

W3C WAI

Shawn Lawton Henry

Just Ask:Integrating Accessibility Throughout Design

Understanding Web Accessibility

Everyone Interfaces

Disabilities

Congenital condition

Disease

Illness

Accident

Ageing

Making the Webaccessible

to people with disabilities

Glenda

Examples of web accessibility Accessibility barriers

Developing websites

Evaluating web accessibility

•Tool

•Humans

Alternative “alt” text

Alternative “alt” text

Alt text is simple.

<img src=”sun-clouds.gif”

alt=”Partly sunny” />

overview of page

Headings

Marking up headings is simple. <h1>Heading Level 1</h1>

• <h2>Heading Level 2</h2>…

Markup lists

<ul> [Unordered List]

<li>First item</li> [List Item]

<li>Second item</li>

</ul>

Link text

Increasing text size+ images

(Your parents & grandparents will be ever grateful ! )

Resizing

Absolute size

pt

px

Relative sizes

%

em

Text as images

Quiz

Other benefits to text resizing ?

Color contrast

Color coding

Transcripts, Captions

Accessibility issues

Alt text Headings markup List markup Link text Color contrast Text resizing Transcripts, Captions . . .

Accessibility Guidelines

WCAGWeb Content Accessibility Guidelines

Regulations

U.S.

•Section 508

•Americans with Disabilities Act (ADA)

Around the world…

WCAG 1.0 -- Section 508

Components of Web Accessibility

Web Content(WCAG)

Components of Web Accessibility

User Agent(UAAG)

Components of Web Accessibility

Authoring Tool(ATAG)

WAI-ARIAFor Rich Internet Applications

(Ajax, DHTML, etc.)

www.w3.org/WAI/

Achieving web accessibility1. Guidelines, standards

2. People with disabilities

We can all help.

Benefits

Developing a Web Accessibility Business Case for Your Organizationwww.w3.org/WAI/bcase/

•Social factors

•Financial factors

•Technical factors

•Legal and policy factors

Accessibility

Designing so that more customers

can use your web site effectively

in more situations.

Checking web accessibility

cat on computer mouse

http://www.flickr.com/photos/bertho/26340858/

Within an organization

Are the organization’s websites accessible?

Does the organization have a web accessibility policy?

Is accessibility included in project requirements?

Is it included in assessments, RFPs, and purchasing requirements for authoring tools, browsers, and other web software?

All websites

Gently educate and encourage inaccessible websites

Reward accessible websites

“Act of enlightenedself-interest”

Let’s make the future Web accessibleto people with disabilities