Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.
-
Upload
mitchell-hunter -
Category
Documents
-
view
215 -
download
1
Transcript of Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.
![Page 1: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/1.jpg)
Website Accessibility Auditing
Eoin Campbell, Technical Director, XML Workshop Ltd.
![Page 2: Website Accessibility Auditing Eoin Campbell, Technical Director, XML Workshop Ltd.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/2.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/3.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/4.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/5.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/6.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/7.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/8.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/9.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/10.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/11.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/12.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/13.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/14.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/15.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/16.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/17.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/18.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/19.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/20.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/21.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/22.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/23.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/24.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/25.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/26.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/27.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/28.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/29.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/30.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/31.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/32.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/33.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/34.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/35.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/36.jpg)
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.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e205503460f94b0b78e/html5/thumbnails/37.jpg)
29 July 2004 © 2004 XML Workshop Ltd. 37
Website Accessibility Auditing
• XML Workshop Ltd.
• Q&A
• http://www.xmlw.ie/