1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

27
1 Testing Web site Accessibility Review of disabilities, legislation & techniques

Transcript of 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

Page 1: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

1

Testing Web site Accessibility

Review of disabilities, legislation & techniques

Page 2: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

2

What we’ll cover

Web accessibility overviewAccessibility toolsBreak out sessionSummarise findingsAccessibility toolkit

Page 3: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

3

Web Accessibility Overview

DisabilitiesLegislationICT Compliance

Page 4: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

4

What is Web site Accessibility?

Assistive technologies TTS (text-to-speech) browsersText-only browsersVoice-enabled browsersKeyboard or mouse commandsBraille devicesScreen magnification

Page 5: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

5

Why is it Important?

More people accessing the webDisabled : 10% to 20%Average age of population in many countries is increasingCarry-over benefits for other usersLegal requirements

Page 6: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

6

Disabilities

Low VisionHearingMotor SkillsCognitive AbilitiesLow Grade Technology

Page 7: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

7

Low Vision

Background colourContrastColour scheme can be over-riddenAvoid GraphicsItalicsUnderlineCAPITALISATION

Page 8: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

8

Hearing

CaptionsTranscripts

Page 9: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

9

Motor Skills

Key Tabs <IMG SRC="banner.gif" ALT="Navigation banner" WIDTH="580" HEIGHT="21"BORDER="0" usemap="#bannermap“>

<MAP NAME="bannermap“> <AREA SHAPE="rect" HREF="internal.html" ALT="Employee information" COORDS="506,2 577,18" TABINDEX=“3“>

<AREA SHAPE="rect" HREF="news.html" ALT="News and events" COORDS="186,2 303,18" TABINDEX="1“>

<AREA SHAPE="rect" HREF="searches.html" ALT="Search" COORDS="311,2 475,18" TABINDEX="2"> </MAP>

Page 10: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

10

Cognitive Abilities

Use clear languageSimple NavigationWrite for the webUse non-text examples

Page 11: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

11

Low Grade Technology

BandwidthOld MachinesOld Browsers

Page 12: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

12

Legislation

HistoryWhat’s Affected?Responsibilities

Page 13: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

13

Legislation History

Disability Discrimination Act of 1995Special Educational Needs and Disability Act 2001

01 September 2002‘Reasonable Adjustments’

Assistive TechnologiesAccessible Services

Page 14: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

14

What’s Affected - Accessible ICT

Departmental, Faculty, Institutional Web sitesIntranetsVLEs & MLEsInformation GatewaysResource portalsWeb-based applicationsany digital resource

Page 15: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

15

Responsibilities – in theory

‘Reasonable Adjustments’

Page 16: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

16

Responsibilities – in practice

Validate using available toolsW3C Guideline compliantAccessibility Policy in place

Page 17: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

17

Accessibility Tools

Preliminary ReviewConformance EvaluationAutomated Evaluation

Page 18: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

18

Preliminary Review

Turn off imagesTurn off soundChange font sizeSet screen resolutionChange display colourUse tab keys

Page 19: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

19

Conformance Evaluation

Images & animations Image mapsMultimedia/Scripts & appletsHypertext linksPage organisationFramesTables

Page 20: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

20

Validation ToolsW3C Validation Service

HTML and CSS validation servicehttp://validator.w3.org

Bobby CASTAutomated Accessibility service

http://www.cast.org/bobby

Lynx CheckerA tool that simulates a text-based web browser

http://www.delorie.com/web/lynxview.html

VischeckA tool that simulates colour-blindness

http://vischeck.com/vischeckURL.php3

Page 21: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

21

Break out session

Your HE WebsiteSelect 3 key pages (home, prospectus, other)

Preliminary ReviewConformance EvaluationAutomated Evaluation

Page 22: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

22

Techniques to keep in mind

Provide text equivalents for all non-text elementsProvide summaries of tablesOrganise content clearlyProvide alternative content for all plug-in elements

Page 23: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

23

Accessibility Policy

We are committed to ensuring accessibility of our Web sites for people with disabilities. New and updated Web content produced by us organization will conform to W3C/WAI's Web Content Accessibility Guidelines 1.0, Conformance Level A…

Page 24: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

24

Web site help

Page 25: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

25

Prioritise Compliance

Home page and high-traffic pagesAll new pagesMedium-traffic pages longer-term goal of overall compliance

Page 26: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

26

Accessibility Toolkit

Resources handoutWeb site evaluation checklist

Preliminary reviewConformance evaluationAutomated evaluation

Page 27: 1 Testing Web site Accessibility Review of disabilities, legislation & techniques.

27

Thank youQuestions…?