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 />

Category<br />

Description<br />

Vision (V)<br />

Hearing (H)<br />

Motor (M)<br />

Cognitive (C )<br />

Text & links Fonts use a relative font size (em, %), not absolute (px, pt) V,M,C<br />

Heading tags (H1, H2) used correctly as headers, not to<br />

<strong>for</strong>mat font<br />

Ability to skip navigation<br />

Links separated by more than just whitespace<br />

Colour not used to convey in<strong>for</strong>mation, or rein<strong>for</strong>ced by other<br />

visual cues<br />

Underline not used on non-linked text<br />

Link text does not repeat on the same page (e.g., “click<br />

here”) but is unique to each link.<br />

TITLE attribute added to ambiguous links.<br />

Lists use the UL/OL <strong>and</strong> LI tags, not bullet images<br />

Coding should not prevent user <strong>from</strong> changing colours with<br />

own stylesheets<br />

V,M,C<br />

V<br />

V<br />

V<br />

C<br />

V<br />

V<br />

V,C<br />

V,C<br />

Notes<br />

Rating<br />

(1–5)*<br />

Tables Tables used <strong>for</strong> data, not <strong>for</strong> layout V<br />

Table row or column headers indicated using the TH tag. V,C<br />

Table summary provided<br />

V,C<br />

Forms<br />

Forms can be navigated in the correct order using the TAB<br />

key<br />

Each <strong>for</strong>m field has an associated LABEL tag<br />

Enough time given to fill out <strong>for</strong>ms<br />

Required fields noted as such be<strong>for</strong>e the <strong>for</strong>m label, <strong>and</strong><br />

marked with asterisk or bold<br />

V,M<br />

V<br />

V,M,C<br />

V<br />

Multimedia Transcripts available <strong>for</strong> all audio H<br />

Transcripts or captioning available <strong>for</strong> all video<br />

Content presented in Flash described in an alternative <strong>for</strong>mat<br />

as well<br />

Avoid distracting animations, scrolling text<br />

Links provided to download any necessary plug-ins<br />

PDFs accessible or plain text made available<br />

Content in applets <strong>and</strong> plug-ins accessible or else not required<br />

If alert sounds are used, rein<strong>for</strong>ce the sound using visual<br />

notification<br />

V,H<br />

V,H,C<br />

V,C<br />

V,H,M,C<br />

V<br />

V,M,C<br />

H<br />

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

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

Saved successfully!

Ooh no, something went wrong!