Presentation is loading. Please wait.

Presentation is loading. Please wait.

Making your web site accessible a11yoz.com/maximise

Similar presentations


Presentation on theme: "Making your web site accessible a11yoz.com/maximise"— Presentation transcript:

1 Making your web site accessible a11yoz.com/maximise

2 Audit your content and site

3 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

4 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

5 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

6 Visible keyboard focus indicator

7 Keyboard accessibility

8

9 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

10 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:

11 Problem areas Video

12 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

13 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

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

15 Problem areas Social media

16 Why isn’t social media accessible?

17 Why isn’t social media accessible?
Lack of testing

18 Problem areas Slideshows

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

20 Accessibility is an ongoing project

21 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

22 More information

23 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

24 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)

25 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)

26 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)

27 a11yoz.com/ maximise Gian Wild


Download ppt "Making your web site accessible a11yoz.com/maximise"

Similar presentations


Ads by Google