06.09.2021 Views

Education for a Digital World Advice, Guidelines and Effective Practice from Around Globe, 2008a

Education for a Digital World Advice, Guidelines and Effective Practice from Around Globe, 2008a

Education for a Digital World Advice, Guidelines and Effective Practice from Around Globe, 2008a

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

11 – Accessibility <strong>and</strong> Universal Design<br />

less of your website’s actual accessibility results. Why is<br />

this?<br />

There are simply too many accessibility st<strong>and</strong>ards<br />

that only humans can test. No software can tell you if<br />

your site’s menu navigation is intuitive, or if the ALT<br />

text you have included is sufficient to describe the image.<br />

Use an accessibility checker first to make sure you<br />

have covered everything you can, <strong>and</strong> then work<br />

through the warnings it provides, looking at your site<br />

critically.<br />

Tip<br />

XHTML/CSS Validators—If you are building your<br />

site <strong>from</strong> scratch as described in Chapter 13, Planning<br />

Your Online Course, you should test the validity<br />

of your code using an XHTML <strong>and</strong> CSS<br />

validator. This will help ensure that your site works<br />

well with all browsers, including screen readers.<br />

• XHTML: http://validator.w3.org/<br />

• CSS: http://jigsaw.w3.org/css-validator/<br />

The best way to test your site <strong>for</strong> accessibility is to ask<br />

a user with disabilities to try it. Only a human, examining<br />

both the context <strong>and</strong> the content of a page, can fully assess<br />

your site’s accessibility. It is hard, as a sighted user, to<br />

imagine navigating a website only by voice; as a user with<br />

full mobility, it is hard to imagine the frustration of trying<br />

to click on a link that is too small. If you truly want to know<br />

if your site is accessible, bring it to the people who experience<br />

the problems you are trying to address.<br />

EVALUATION CHART<br />

We have included a checklist of the most common <strong>and</strong><br />

significant accessibility issues that you should look <strong>for</strong><br />

when evaluating your site. Some of these guidelines can<br />

be tested using an accessibility checker as mentioned<br />

above; others you will have to look at objectively <strong>and</strong><br />

decide <strong>for</strong> yourself whether they are adequately met.<br />

You can use this chart to evaluate an existing website<br />

be<strong>for</strong>e making accessibility changes, or to see how well<br />

you have done after “accessifying” your existing site or<br />

building a new one.<br />

Table 11.3. Accessibility evaluation chart<br />

Category<br />

Structure & appearance<br />

Description<br />

Vision (V)<br />

Hearing (H)<br />

Motor (M)<br />

Cognitive (C )<br />

Notes<br />

Rating<br />

(1–5)*<br />

Navigation links <strong>and</strong> placement consistent on each page.<br />

M,C<br />

Text good contrast to the background<br />

V,C<br />

Each page has a unique descriptive title<br />

V,C<br />

Valid XHTML/CSS used throughout the site<br />

V,M,C<br />

Images<br />

All images have ALT text that either clearly describes the<br />

image, or in the case of decorative images, contains a space<br />

(alt=“ “) to prevent the screen reader <strong>from</strong> describing the<br />

image.<br />

V<br />

Images that cannot be adequately described in ALT text<br />

(charts, graphs) are further described on a LONGDESC page.<br />

V<br />

Links in imagemaps also have ALT text<br />

V<br />

170 <strong>Education</strong> <strong>for</strong> a <strong>Digital</strong> <strong>World</strong>

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!