A presentation at The Web Meetup in May 2017 in Melbourne VIC, Australia by Allison Ravenhall
Digital accessibility 101 The Web Meetup, 9 May 2017 Allison Ravenhall @RavenAlly Digital Accessibility Sensei Intopia @Intopiadigital
Accessibility The qualities that make an experience open to all
Vision Hearing Mobility Cognition
Whose website must be accessible? Yours.
Disability Discrimination Act 1992
Web Content Accessibility Guidelines 2.0 (a.k.a. ISO/IEC 40500:2012)
2.1.1 Keyboard All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes, except where the underlying function requires input that depends on the path of the user’s movement and not just the endpoints. (Level A)
Perceivable I can consume the content Operable I can use the site Understandabl e I can understand the content Robust My assistive tech works
Be accessible - UX • Check colour contrast • Define visible focus states • Do any of your personas have different needs?
Be accessible - Build • Use native HTML • Manage focus • Check accessibility of framework code
Be accessible - Content • Define short, descriptive image phrases • Use plain language • Define unique link text
Be accessible – More ideas • Try out assistive technology • Test your code • Tenon.io • aXe Firefox/Chrome extension • IE Web Accessibility Toolbar • WAVE Firefox extension
Start the accessibility conversation at your workplace
YOU WANT MORE?
A11y Bytes An evening of lightning talks Thursday 18 May a11ybytes.org/melbourne/
A11y Camp Workshop – 12 Sept Conference – 13 Sept a11ybytes.org/a11y-camp-sydney/
And I’m done. @RavenAlly @Intopiadigital
View Digital accessibility 101 on Notist.
Dismiss
Here’s what was said about this presentation on social media.
1/2 Hey #Melbourne, interested in #accessibility? @RavenAlly will be presenting at The Web Meetup next week - https://t.co/NGrRQpFZCq— Adem Cifcioglu (@ademcifci) May 3, 2017
1/2 Hey #Melbourne, interested in #accessibility? @RavenAlly will be presenting at The Web Meetup next week - https://t.co/NGrRQpFZCq
Digital Accessibility Sensei @RavenAlly gives an Accessibility 101 with lots of laughs [video, THe Web Meetup] https://t.co/rIbSnQYZFB #a11y— Sarah Pulis (@sarahtp) May 18, 2017
Digital Accessibility Sensei @RavenAlly gives an Accessibility 101 with lots of laughs [video, THe Web Meetup] https://t.co/rIbSnQYZFB #a11y
Tonight: Our Accessibility Sensei @RavenAlly will be presenting on Digital #a11y 101 at Melbourne's The Web Meetup https://t.co/NdV4vS8t2q— Intopia (@Intopia) May 8, 2017
Tonight: Our Accessibility Sensei @RavenAlly will be presenting on Digital #a11y 101 at Melbourne's The Web Meetup https://t.co/NdV4vS8t2q
Watch @RavenAlly's #accessibility 101 presentation over on The Web Meetup's youtube channel: https://t.co/lAc7S2ClOt #a11y #web #dev #design— The Web (@theWebMeetup) May 18, 2017
Watch @RavenAlly's #accessibility 101 presentation over on The Web Meetup's youtube channel: https://t.co/lAc7S2ClOt #a11y #web #dev #design
"39 words which basically say 'make your website work with a keyboard'. As a content writer this makes me weep" - @RavenAlly #a11y pic.twitter.com/QxXzH4gIfQ— The Web (@theWebMeetup) May 9, 2017
"39 words which basically say 'make your website work with a keyboard'. As a content writer this makes me weep" - @RavenAlly #a11y pic.twitter.com/QxXzH4gIfQ
Vision, hearing, mobility, cognition. Different areas of accessibility we should consider in #digital. Tonights Web Meet-up @RavenAlly #a11y pic.twitter.com/R5q09rPEml— The Web (@theWebMeetup) May 9, 2017
Vision, hearing, mobility, cognition. Different areas of accessibility we should consider in #digital. Tonights Web Meet-up @RavenAlly #a11y pic.twitter.com/R5q09rPEml