Professional Documents
Culture Documents
Chapter 6 - 1
Chapter 6 - 1
with Disabilities
..
- -
'liIA$.bun Tkjikqxd,
/4 9. ' I .*
W....
I.
...... -
'.,-
............../- ..
'
i . '
,/64,414**7167.VA,-di#
:,.A'.'
I, '01.
relatively
298
Web
Usability
Wide Web Consortium.These guidelines and niuch additional information about web accessibility can be found at
http://www.wl.org/WAI/.
The WAI stand,iril tells you what mwht to be done. Iii
practice, it is necesK.try to prioritize standard-conipliance
on large sites and plan a staged roll-out of accessibility:
299
1, Al
A ,9
help:Uwww.:peed014,ought.cam/inderhome.&12
ry
ef
'9
ma
Ma
www.speed-of-thought.com
The first release of the website for Bill Gates' book Business @
the Speed of Thought was completely inaccessible for users with
visual impairments. This image gives an impression of the way
the home page would feel to anybody who cannot see the
images. After being criticized in The Los Ange/es Times, the
was redesigned to include proper ALT texts.
300
Web
Usability
site
Judidl
htlp //www.speed-01-thoughtcom/index_home.html
e-----
131LLG,\TES
wmarkstplac .
-Bul*.- 8, 90*ng to
t I SI \11 SS
-S,noiui
,/11. VY.1/12 /1
Immi,#111'i
Tl 1(,1 (31 IT
AM VII M-47
chot detaili
A.I.
301
Visual Disabilities
The nios[ serious accessibility problenis. given the current
state of the Web, relate to blind users and users widi other
-7-I -1
should get feedback on all graphic designs from a redgreen colorblind user because [har's rhe most common
The Web Access Symbol from the
http:Uwww.boston.com/wgbh/pages/
ncam/symbolwinner.html.
screen reader that will read the [ext out loud through a
synthesizer. Long pages are proble matic because k is harder for a blind user to scan for interesting parts than it is for
a sighted user. In order to facilinte scanning, i[ is recommended to emphasize the snucture of the page by proper
HTML markup: Use <H 1> for the highest level heading,
and <HZ>s read aloud,and can quickly skip an uninteres ing section by instructing the screeti reader to juiiip to
the next lower-level heading.
In addition to users who are cot,ipletely blind, there are
many users who can see but have reduced eyesight.These
users typically need large fonts, which is a standard feature
of most web browsers. To support these users, never
encode information with absolute font sizes. but use relative sizes instead. For example, when using style sheets, do
not set Ilie.filit-size attribute to a specific number of
points or pixels; instead, set k to a percentage of the
302
Web
Usability
Accessibility for users with visual disabilities is also impor[ant for users with perfect eye.sight if [hey are using the
ALT Attributes
In addi[ion [0111aking your tert legible, you chould also
who had turned image loading off could use the text [o
deterniine whedier it \vould be worth the wait to request
rhe photo; a visually impaired user would at least know
what information was on the page.
303
[Travelocity Logo]
[TraveIReservations]
: *i., c ,.flf ,, t
i i.,
.f t:'f:.':.i':- '
F- -- 94-
[Points of View]
[TraveIMerchandise]
BU
One Eye Open. Our fare-watcher
service Is your electronic a,i on low
fares. Ask it to monitor up to five
s approaching,
graduation
PCFlowerscerernonie
and Travelodty offer you
over
enthusiasm
summer vacations.
We'll give you the
fare e-mail
two-for-one specials.
(Image)
scoop on some
Image
Inexpensive treasures
In the latest Ispotligbt
i1
rture/Arrive
IM
(Image)
--
Kong,The months
before the Union
k Is lowered are
Jac
turning outto be
some of the British
colony's most
(Image)
fervent
www.travelocity.rom
304
Web
Usability
his early 403 with blond hair and glasses, wearing n [asteful
red tie." In my opinion, such literal descriptions are fairly
useless for \veb pages unless die user is an ar[ critic. 1
much prefer utility descriptions tha[ verbalize the iliemi iii,
or role of the image in die dialogue:What iS the image
is clicked?
305
pref-
no more than 8
to
1 0 wordh.
J'- *&.
4 9111w
Dil*15Wk[*8151IRI
USEUM
* ..
11.*1
'L'
<i.
4 ..r
4 >
-/**
A4191
<
*+
r.9-'..
/1
Engli,h
www. npm.gov.tw
306
Web
Usability
can also be used to provide a sniall aniount ofsupplenientary information in the ALT text. For example, the ALT
[ex[ for a "new"glyph could be ALT-"new shice May 19"
pie, a page could have a special link to a RealAudio presentation with an extensive description of die ininges. An
interesting trick for doing rhis is to embed the infornia[ion
as the ALT [ex[ for an invisible graphic (thit is, a GIF
ininge with 711 pixels set to be transparent).A user who
ALT text used as tooltip to augment
a
of
a small
information will
be of help to both sighted and
blind users.
amount
extra
Budgeting
sees images will "see" the invisible graphic (char is, nodiing), whereas users who do not have images will be pre-
Web & New Media Pricirw Guide, by J P. Fmnzaand MINew since Ma, 19 en Books)
Two valuable components to this book: surveys showing the typical range of salary and hourly fees chalgedby tle
diffelent kinds of staffneeded fora Web pmject (from gmphic atists to HTMLcoders) and enmples of mal
piojects and theirbudgets (including compatisons betwwn the piojected costs and the actual costs for difbrent line
items). The data am from 1996 but am still mpresentative in my expedence. The two main deficiencies of the book
en that it does not estimate the cost of interaction design and usability engineering (the authom clearly coma fmm
an advertisingbackground) and that it does not cover budgeting for site redesigns (as opposed to
new sites). Even so: highly recommended.
04*W designs of
Implementation-Oriented Books
HTML Sourcebook A Complete Guide to HTML 3.2 and HTML Extensions, by Ian S. Graham (John Wiley & Sons)
If you don't know HTML thBre am a mlllionbooks to learn om This one is a favonte of mine. Gign the
constantly changing nature of the Web, it is particularly nke tht this book has its own website with updates.
Note, this is the third edition of Graham's book (earlier editions covemd earlierversions of HTML and an still
useful though you might as wellbuy the edition cavering HTML 32 since this that's the recommended current
standard).
How to Write Better HTML With Stvle Sheets, by Hilwn Lie and Bert Bos (Addison Wesley) Finally Out!
Cascading style slwets am without a doubt the way to manage presentation design across any medium- or lage.size
website. For once tiw blurb on abook cover is right: the authoIS am indeed "the world authobties" on stylesheets,
leadingthe Web Consonium's slylesheet project so this is the ultimative mference for HTML stylesheets. Many
emmples of the slightly obSCUm featuies in CSS show how stylesheets can be used to achieve quite refined
layouts and page-designs. It wouldbe nice to say that you can pick up CSS ftom simply looking at eamples, but
good use actually mquires a deeper understandini as providedby this textbook.
www.useit.com
307
Auditory Disabilities
Transcripts should be made
available of spoken audio
clips, and videos should be
made available in versions
with subtit/el
-
Speech Disabilities
At [he moment, it does not matter at all whether a web
user can speak because 311 computer input is done with a
niouse and a keyboard. It is likely thaI various forms of
voice-activated Laser interfaces will become more popular
in the future for circumstances where keyboard use is
awkward or simply to suppor[ users who prefer to speak
comniands rather than type them.
who use speech input out of convenience and not necessity, [hey miss a small convenience, which may be "tough,"
but no big deal.
It will be much more problematic when we move to
interfaces where speech is the primary or only input
niodality. I expect most chat systems to become speechbased relatively soon because speaking is die natural
308
Web
Usability
Motor Disabilities
Many users have difficulty with detailed inouse movements, and they m:ty also have problems holding down
multiple keyboard keys simultaneously. Most of these issues
should be taken care of by iniproved browser design and
should not concern content designers except for the
advice nor to design iiiiageniap< that require extremely
Client-lide imagemaps will work even for users who cnnnot use a niouse 4 311:The browser can niove through the
Cognitive Disabilities
In the early years. the Web was accessed only by very
inrelligenc people who \vere early adopters of advanced
technology. But as the Web becomes a more niainstream
309
within the last month. If the site supports a sufficiently rich set of parameters, users may be
able to narrow their search space without typing a single word. Often, users can specify the
desired values by moving sliders so that they
won't have to generate any text themselves. Of
course, any such sliders should be implemented
to allow mouseless operation for users with
motor disabilities.
310
Web
Usability
311