Making your web site accessible a11yoz.com/maximise

Audit your content and site

Site audit Complete an audit of the site, testing, for example: All images have ALT attributes Data tables have table headers, SUMMARY and CAPTION Pages have meaningful sequence Forms have field labels, LABEL FOR and ID, FIELDSET and LEGEND

Site audit Complete an audit of the final site, testing, for example: Complex images have long descriptions Videos have transcripts, captions and audio descriptions Navigation has hidden structural labels

Use the WCAG2 Evaluation methodology Step 1: Define the Evaluation Scope Step 2: Explore the Target Website Step 3: Select a Representative Sample Step 4: Audit the selected sample Step 5: Report the Evaluation findings

Visible keyboard focus indicator

Keyboard accessibility

Site audit What must an audit include? Both manual and automated testing What should an audit include? List of where every error occurs User testing with people with disabilities

Conduct a11y review of fixes Ensure any fixes are reviewed by an accessibility specialist! Once accessibility compliance is confirmed you can ask your accessibility specialist for a “conformance claim” to add to your web site. For more information on conformance claims, see: http://www.w3.org/TR/WCAG20/#conformance

Problem areas Video

About video Video makes up approx 65% of all search results Completion of a video with captions doubles compared to without captions Videos with transcripts earned 16% more revenue than videos without transcripts 80% of people that use captions are not Deaf or Hard Of Hearing

Common accessibility issues for video Inadequate keyboard access Insufficient control and operation Incorrect implementation Inaccessible content Missing captions: people who are Deaf or Hard-of Hearing can’t access your video Missing audio descriptions: people who are vision-impaired can’t access your video

AccessibilityOz.com/OzPlayer Features: Fully keyboard accessible Skip links Interactive transcript Captions Audio descriptions Plays YouTube/ Vimeo` videos

Problem areas Social media

Why isn’t social media accessible?

Why isn’t social media accessible? Lack of testing

Problem areas Slideshows

AccessibilityOz.com/OzPlayer Pause button Skip links ALT attributes Fully keyboard accessible github.com/accessibilityoz/ accessible-slideshow

Accessibility is an ongoing project

Maintaining accessibility compliance Make accessibility an accepted part of the content publication process Conduct six-monthly audits of content Conduct regular training Update policies as required When rebuilding the site, engage an independent accessibility consultant

More information

Accessibilityoz.com/factsheets Images factsheet Content factsheet Keyboard factsheet PDF factsheet HTML5 factsheet Coding factsheet Forms factsheet Source order factsheet Video factsheet JavaScript factsheet Tables factsheet Interactive Maps factsheet

AccessibilityOz.com/resources/articles/ Mobile accessibility Mobile accessibility fails: Do we need a WCAG3? (2015) Accessibility during the build of a web site Prioritising web accessibility during the build of a web site (2014) Interactive maps and accessibility Did someone say map? Making interactive maps accessible(2014) Design and accessibility Design and accessibility: Use of colour (2014)

AccessibilityOz.com/resources/articles/ CAPTCHA CAPTCHA: Inaccessible to Everyone (2013) CAPTCHA: How to do it right (ie. don’t use CAPTCHA!) (2014) Slideshows The Unbearable Inaccessibility of Slideshows (2015) Video 8 steps to Creating Accessible Video (2014) Links Making Accessible Links: 15 Golden Rules For Developers (2014)

AccessibilityOz.com/resources/articles/ Images The Hidden Nuggets of WCAG2: The Wonderful World of ALT Attributes (2012) The Hidden Nuggets of WCAG2: When Not to Use ALT Attributes (2011) Tables and forms The Hidden Nuggets of WCAG2: Information Relationships (2011) WCAG2 We should be celebrating our victories (2014) The Hidden Nuggets of WCAG2: An Introduction (2011)

a11yoz.com/ maximise Gian Wild www.accessibilityoz.com gian@accessibilityoz.com