Page 1
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
Page 2
Making the Future WebAccessibleto People with Disabilities
ShawnLawtonHenry
MITMassachusetts Institute of Technology
W3C WAI
Page 3
Shawn Lawton Henry
Just Ask:Integrating Accessibility Throughout Design
Understanding Web Accessibility
Everyone Interfaces
Page 4
Disabilities
Congenital condition
Disease
Illness
Accident
Ageing
Page 5
Making the Webaccessible
to people with disabilities
Page 7
Examples of web accessibility Accessibility barriers
Developing websites
Evaluating web accessibility
•Tool
•Humans
Page 8
Alternative “alt” text
Page 9
Alternative “alt” text
Page 10
Alt text is simple.
<img src=”sun-clouds.gif”
alt=”Partly sunny” />
Page 13
Marking up headings is simple. <h1>Heading Level 1</h1>
• <h2>Heading Level 2</h2>…
Page 15
Markup lists
<ul> [Unordered List]
<li>First item</li> [List Item]
<li>Second item</li>
</ul>
Page 17
Increasing text size+ images
(Your parents & grandparents will be ever grateful ! )
Page 18
Resizing
Absolute size
pt
px
Relative sizes
%
em
Page 20
Quiz
Other benefits to text resizing ?
Page 23
Transcripts, Captions
Page 24
Accessibility issues
Alt text Headings markup List markup Link text Color contrast Text resizing Transcripts, Captions . . .
Page 25
Accessibility Guidelines
WCAGWeb Content Accessibility Guidelines
Page 26
Regulations
U.S.
•Section 508
•Americans with Disabilities Act (ADA)
Around the world…
Page 27
WCAG 1.0 -- Section 508
Page 28
Components of Web Accessibility
Web Content(WCAG)
Page 29
Components of Web Accessibility
User Agent(UAAG)
Page 30
Components of Web Accessibility
Authoring Tool(ATAG)
Page 31
WAI-ARIAFor Rich Internet Applications
(Ajax, DHTML, etc.)
Page 33
Achieving web accessibility1. Guidelines, standards
2. People with disabilities
Page 35
Benefits
Developing a Web Accessibility Business Case for Your Organizationwww.w3.org/WAI/bcase/
•Social factors
•Financial factors
•Technical factors
•Legal and policy factors
Page 36
Accessibility
Designing so that more customers
can use your web site effectively
in more situations.
Page 37
Checking web accessibility
Page 38
cat on computer mouse
http://www.flickr.com/photos/bertho/26340858/
Page 40
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?
Page 41
All websites
Gently educate and encourage inaccessible websites
Reward accessible websites
Page 43
“Act of enlightenedself-interest”
Page 44
Let’s make the future Web accessibleto people with disabilities