Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

37
Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

Transcript of Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

Page 1: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

Website Accessibility Auditing

Eoin Campbell, Technical Director, XML Workshop Ltd.

Page 2: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 2

What We Do

• Design, develop and maintain websites

– Eg. Teagasc, Dept. of Enterprise, Trade and Employment

• Develop software and services to maintain accessible websites

– YAWC – Yet Another Word Converter

• Offer electronic publishing consultancy for print and online publications

– E.g. NALA, Davy Stockbrokers, NDA

Page 3: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 3

Why Audit Website Accessibility?

• To establish a base status: assess whether website is accessible, and identify any areas of non-compliance

• As an acceptance test: to assure quality of delivery from a 3rd-party developer

• As a benchmark: to compare current website status against previous or future audits, and measure changes over time

Page 4: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 4

Aspects of Accessibility

• Subjective, site-specific, 'soft' issues

– Graphic design

– Information architecture and navigation

– Quality of language and writing

• Objective, site-independent, 'hard' issues

– Use of HTML markup

Page 5: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 5

What to Audit?

• Audit both subjective and objective issues in an initial assessment of a website

• Audit objective issues for a final acceptance test or benchmark

• Audit subjective issues before accepting a design prototype

Page 6: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 6

Internal or External Auditors?

• Internal auditors

– Lack objectivity (and maybe) credibility

– Few staff have required range of skills, especially for subjective issues

• External auditors

– Dedicated staff, more experience, deeper expertise

– Credible, objective, efficient

Page 7: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 7

Specialist Accessibility Service Companies

• XML Workshop Ltd. (www.xmlw.ie)

• NCBI-CFIT (www.ncbi.ie)

• Frontend (www.frontend.com)

• Ennis Information Age Services (www.eias.ie)

• Open Interface (www.openinterface.ie)

Page 8: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 8

Auditing Stages

• RFT, scope definition, cost quotation, choose vendor, etc.

• Define tests and select primary target pages

• Audit website and compile draft report

• Issue draft for review and feedback

• Revise and present final report

• Identify issues and decide on further actions

Page 9: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 9

Definition of Tests

• Web Content Accessibility Guidelines (WCAG), version 1.0, 1998

– World-Wide Web Consortium (W3C), Web Accessibility Initiative (WAI)

– De facto world standard, accepted by most governments

• Referred to by Irish Government Web Publishing Guidelines, and NDA IT Accessibility Guidelines

• Each guideline is categorised by priority

Page 10: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 10

WCAG Guideline Statistics

• Total of 65 checkpoints

• 3 priority levels

– 16 Level/Priority 1 (A) - Essential

– 30 Level/Priority 2 (AA) - Recommended

– 19 Level/Priority 3 (AAA) - Desirable

Page 11: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 11

Types of Checkpoints

• Some checkpoints can only be assessed subjectively

– E.g. 14.1 "Use the clearest and simplest language appropriate for a site's content"

• HTML markup checkpoints are objective

– E.g. 1.1 "Provide a text equivalent for every non-text element"

Page 12: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 12

Types of Accessibility Audit

• Objective audit of HTML markup checkpoints only

– Clearcut results, no subject-specific knowledge required

– Cheap: takes 1-8 hours to audit

• Subjective audit of graphic and information design, language, etc.

– Difficult, requires subject-specific knowledge

– Expensive: may take up to 5 days to audit

Page 13: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 13

80/20 Rule of Accessibility Audits

• 1-day audit against a subset of the WAI WCAG Guidelines covers 80% of the relevant checkpoints

• A more comprehensive 5-day audit covers remaining 20%

– For small organisations, extra expense may not be justified

Page 14: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 14

HTML Markup-specific Audit

• Provides a reasonable indicator of overall accessibility

• Compliance doesn't necessarily mean site is usable

• Audit results are non-controversial, as website is either compliant or non-compliant with each checkpoint

– Very useful for formal acceptance testing

Page 15: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 15

Graphic and Information Design, Content Audit

• Provides a better indicator of overall usability

• However, compliance still doesn't necessarily mean website is usable by its intended audience

• Results are somewhat subjective

• Most useful as part of a formal re-development process

Page 16: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 16

HTML Markup Checkpoints

• 19 text checkpoints

– 4 Level/Priority 1 (A)

– 12 Level/Priority 2 (AA)

– 3 Level/Priority 3 (AAA)

• 3 form checkpoints

– 2 Level/Priority 2 (AA)

– 1 Level/Priority 3 (AAA)

• Much more manageable than 65!

Page 17: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 17

Level 1 Text Markup Checkpoints

• Priority 1 ('A'): 4 Checkpoints

– 1.1 Provide a text equivalent for every non-text element

– 4.1 Clearly identify changes in the natural language

– 6.1 Organize documents so they may be read without style sheets

– 5.1 For data tables, identify row and column headers

Page 18: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 18

Level 2 Text Markup Checkpoints

• Priority 2 ('AA'): 12 Checkpoints

– 3.4 Use relative rather than absolute units in markup language attribute values

– 3.5 Use header elements to convey document structure

– 3.6 Mark up lists and list items properly

– 3.7 Mark up quotations. Do not use quotation markup for formatting effects such as indentation.

– Etc.

Page 19: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 19

Level 3 Text Markup Checkpoints

• Priority 3 ('AAA'): 3 Checkpoints

– 4.2 Specify the expansion of each abbreviation or acronym in a document where it first occurs.

– 4.3 Identify the primary natural language of a document

– 5.5 Provide summaries for tables

Page 20: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 20

Form Markup Checkpoints

• Priority 2 ('AA'): 2 Checkpoints

– 10.2 For all form controls with implicitly associated labels, ensure that the label is properly positioned

– 12.4 Associate labels explicitly with their controls

• Priority 3 ('AAA'): 1 Checkpoint

– Include default, place-holding characters in edit boxes and text areas

Page 21: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 21

HTML Markup Example: Headings

• Checkpoint 3.5: Use header elements to convey document structure

• Compliant HTML markup

– <h1>Main heading</h1>

• Non-compliant HTML markup

– <p class="Heading1">Main heading</p>

– <p><font face="Verdana" size="16pt"><b>Main Heading</b></font></p>

Page 22: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 22

HTML Markup Example: Lists

• Checkpoint 3.6: Mark up lists and list items properly

• Compliant HTML markup

– <ul><li>Bullet list item</li>

• Non-compliant HTML markup

– <p class="bullet">Bullet list item</p>

Page 23: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 23

What to Audit?

• Only some pages on website need to be audited

– Most website pages conform to one of a small number of templates

• Typical pages to audit include:

– Home, About, News, Publications pages

– Search and Search results pages

– Contact or Feedback form

– Some text pages (e.g. Press Release)

Page 24: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 24

How to Audit a Page

• Accessibility auditing uses mixture of tools and techniques

• Use visual inspection to identify absence or misuse of markup

– E.g. lack of heading elements or misuse of BLOCKQUOTE element for indentation

• Use online tools to identify markup errors

– Missing required attributes

– Invalid or non-standard HTML markup

Page 25: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 25

Visual Inspection

• Open the HTML file in a plain text editor

– Check markup of common HTML markup for branding and navigation

– Check markup of headings, lists, etc. in body content

– Are tables used for layout?

– Check for occurences of FONT element

– Check a page containing a data table

Page 26: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 26

Tools to Audit a Web Page

• Bobby accessibility checker

– http://bobby.watchfire.org

– Quickly catches some types of markup error

• HTML validation check

– http://validator.w3.org

• CSS markup validation

– http://jigsaw.w3.org/css-validator/

Page 27: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 27

Automated Auditing

• In some cases, a comprehensive test of every page on a site is required

– To ensure compliance with a set standard of accessibility

– To measure progress towards a stated goal

– To benchmark performance against previous audits, or other sites

• Half-yearly or yearly audits are probably reasonable

Page 28: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 28

Automated Auditing Tools

• Many tools now available for automated accessibility testing

– Bobby, AccVerify, Lift Online

• Can buy ongoing service, or buy tools and use them yourself

• Should include range of tests, not just accessibility

– Linkcheck, validation, metadata, connectivity

Page 29: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 29

Other Useful Audits

• Accessibility of authoring tool or system

• Sitewide automated accessibility check

• Test for broken hyperlinks

• Use of metadata (Dublin Core/IPSMS)

• HTML validation

• Irish Government Web Publishing Guidelines

Page 30: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 30

Authoring Tool Accessibility

• Does the website maintenance system (Web CMS or HTML editor) generate accessibie pages?

– If not, how can it be changed or improved?

• Is the maintenance system itself accessible?

– Can it be used by someone with a disability?

– Is it platform and browser independent (if a Web-based CMS)?

• See WAI Authoring Tool Accessibility Guidelines (ATAG)

Page 31: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 31

Complete Accessibility Test

• What percentage of pages reach each WAI compliance level?

– E.g. A – 100%; AA – 82%; AAA – 74%

• Use as a benchmark to monitor improvement over time

• Automated monitoring services available

• Need to define required standard, and actions to reach it

Page 32: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 32

Broken Hyperlink Check

• Broken links degrade accessibility!

• How many external and internal links are broken?

• How many pages contain broken links?

• What percentage of links are broken?

– Use as a benchmark to monitor improvement over time

• Automated monitoring services available

Page 33: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 33

Metadata Assessment

• Good metadata improves accessibility

– Better search engine performance/results

– Better navibability and usability

• Metadata encompasses a number of different aspects

– Content of HEAD/TITLE element

– Dublin Core and other metadata fields• E.g. DC.Date.modified, DC.Subject, Description

– Visible text (e.g. last modified date, breadcrumb trail)

Page 34: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 34

HTML Validation Check

• Valid pages improve browser, version and platform compatibility

• What percentage and how many pages are valid?

• What DTD is used?

– HTML 4.01 Strict for good accessibility and older browser compatibility

– XHTML 1.0 Strict for maximum accessibility and future-proofing

Page 35: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 35

Irish Government Web Publishing Guidelines

• Good practice guidelines for websites

– Defined by Dept. of the Taoiseach in 1999

– Still a useful reference today

• Checklist of issues to be aware of

– E.g. Site map, contact information, last modified date

• Websites must be manually assessed

• 'Softer', subjective issues of website usability

Page 36: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 36

Summary

• Use a website accessibility audit to gain the knowledge required to make decisions

• Choose the most appropriate type of audit for your situation

• Act immediately on the results of the audit!

Page 37: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.

29 July 2004 © 2004 XML Workshop Ltd. 37

Website Accessibility Auditing

• XML Workshop Ltd.

• Q&A

• http://www.xmlw.ie/