Transcript Web Accessibility - Accessibility Works

Web Accessibility
What do we mean by
accessibility?
1
Outline
•
•
•
•
•
•
Technologies
Why accessibility?
Web standards – how do we do this then?
Accessibility Testing
Accessibility Myths
The Industry
2
What is accessibility?
3
4
5
It’s about access for all
6
The social model of disability
7
What do we mean by disability
•
•
•
•
Deaf Hard of Hearing, hearing impaired
Blind, visually impaired, low vision
Mobility-impaired
Learning-disabled
8
Technologies
9
10
What does accessibility mean?
11
“Let’s hit the hut...”
•------------------------------------------------------------------------------- Click for further information about
this deal Click for further information about this deal We
hope you enjoy our brand new site Enter your postcode in
the field below ___ __ [btn-show_me.gif]-Submit and get a
FREE Garlic Bread! Click for further information about this
deal Click for further information about this deal homepage
12
“Text is not a feature of Websites; it is a
primitive, a fundamental and unalterable
component”
- Joe Clark
13
Why accessibility?
• The business case
• The ethical case
• The legal case
14
The business case
“The estimated spending power of people
with disabilities in the UK being £40-50
billion”
Employers Forum on Disability
15
The ethical case
• The social model of disability
• Cooperate social responsibility
16
The legal case
• “...we are now using the force of
argument. If that fails, we will not
hesitate to use the argument of force.”
• -- Bert Massie Chairman, Disability Rights Commission
17
Sydney Olympics 2000
18
Intranets
“One major UK corporation which is notorious for having
inaccessible public web pages, is suddenly spending considerable
sums on making their intranet accessible - for no other reason (as
far as my informant could tell) than because they'd realised they
risked some rather high-profile
court actions by employees.”
-- Alan Flavell.
(Alan Flavell is a well-known contributor to html-related newsgroups – he has a lot of respect
within the industry. He is an acknowledged expert. His credentials are impeccable)
19
Intranets
“A member of staff could (we hope not, but
it happens) lose their sight (or 'gain' some
other disability) at any time. Equally, you
could employ someone. If this happens
down the road, you could have a massive
problem.”
-- Anonymous Contributor (Intranet Forum)
20
How do we do this then?
21
Web standards
22
<font face=verdana size=-2 color=white>&nbsp;&nbsp;<b>Welcome</b></font>
back
23
Content
Presentation
Behaviour
XHTML
CSS
DOM
h1 {
color: red;
background: white;
font: Arial;
}
<script
type="text/javascrip
t"
language="javascript
">
function showPic
(whichpic) {
if
(document.getElement
ById)
<h1>Welcome</h1>
<p>Hello there!</p>
<p>Life is great
when you design with
standards.</p>
p {
color: green;
background: blue;
font: ”Comic Sans”;
}
24
Want to change something?
• It’s easy...
• One
Two
• Four
Five
Three
25
Tables
26
27
the JavaScript issue...
28
Accessibility Standards
29
Do the W3C know what they are
talking about?
“the majority of problems that
disabled people mentioned regarding poor
web access were not contained in any of
the WAI's guidelines.”
Bert Massie, DRC
30
Automated testing
PageScreamerTM
31
Manual Testing
32
User Testing
• DRC recommendations
33
34
the usability bonus.
35
Accessibility Myths
36
...my site will look boring
37
38
...it’s difficult to do.
<img src=“pizzahutlogo.gif” alt=“Pizza Hut”/>
Contact Andrew Gray at <a href=”mailto:[email protected]”
title=”Email Andrew Gray” tabindex=“4”>[email protected]</a>
39
Audio and Video content
40
...a text only version is fine.
Disabled access at rear.
41
The industry.
42
“81 % of sites investigated failed
to meet the minimum guidelines
for access.”
DRC Report 14/4/04
43
The industry
44
The industry
45
Don’t shoot the messenger
46
The public sector
• A requirement on all new public sector IT
procurement projects
• A key aspect of electronic Government
Interoperability Framework
47
e-Envoy recommendations
48
Certifying developers
49
It’s not all good news...
50
<td>Flow<BR>Trust &<BR>Time
&<BR>Cash</td><td>Openly<BR>Map
<BR>Maths of<BR>Multiply</td>
<td>Network/<BR>Commune/<BR>for
real</td> <td>self<BR>organise<BR>simplicity</td>
<td>Network<BR>economy</td></tr>
</table><BR><font color=red>Clusters of
5 Approach- Project 007 of <a
href="http://www.valuetrue.com"
target="_blank">2004, Year of
Transparency<BR></a><BR><font
color=blue>I (<a
href="mailto:[email protected]?subj
ect=cluster of 5 inquiry via KB">email
NAME OMMITED</a>) invite you to tell
us/me. Your comments delight me!
<div id =“header>
<img src=“logo.gif” alt =“The
soup factory” />
</div>
<div id=“content”>
<h1>Soup</h1>
<a href=“tomato.html”
tabindex=“3” title=“More info about
tomato soup”>Tomato Soup</a>
</div>
51
Third Party Content
• RSS feeds
• Advertisements
52
"Why would you care about standards support? You can code things that
work in IE, and that's fine - nobody really uses anything but IE, coding for
all browsers is a waste of time. Now what would you rather have a
development team doing, working on standards support or adding in cool
proprietary things, like 3D powerpoint-style page transitions, that will
make their web "experience" that much better"
-- unnamed Microsoft employee
53
Questions and Comments
www.accessibilityworks.co.uk/resources/web accessibility.ppt
54
Further Information
Books:
Building Accessible Websites
By Joe Clark
Online Resources:
www.daiveintoaccessiblity.com
www.accessift.com
www.webaim.org
www.rnib.co.uk
55