A presentation at Florida Drupal Camp in in Orlando, FL, USA by Helena McCabe
Living Personas: A Hands-On Accessibility Experience
Carie Fisher Accessibility Lead & Senior Front-end Developer cehfisher cariefisher
Helena McCabe Senior Front-end Developer & Accessibility Specialist helenasue @misshelenasue @lullabot
WEBSITE ACCESSIBILITY
P.O.U.R. https://www.w3.org/WAI/WCAG20/quickref
Ask yourself: Is there anything on PERCEIVABLE our website that a blind, deaf, low vision, or color blind user would not be able to perceive?
Ask yourself: Can users control OPERABLE interactive elements of our website? Does our website make completing tasks easy?
Ask yourself: Is all of the text on our UNDERSTANDABLE website clearly written? Are all of the interactions easy to understand?
Ask yourself: Does our website only ROBUST support the newest browsers or operating systems? Is our website developed with best practices?
USER PERSONAS
Isaiah Smith Hey look! We can flip things Occupation: Eighth Grader Culture: Deaf Goal: Watch an online video
Demo Time!
How do you resolve this? ● Make sure that any videos you have on your website are captioned properly. ● Hand-captioning is best, but automatic captioning is better than nothing at all. ● Transcripts and captions are different, both are important.
Farrah Ali Occupation: SysAdmin Disability: Loss of Dexterity Goal: Using a site with a keyboard
Demo Time!
How do you resolve this? ● Plan out heading and page structure — make sure it makes sense to readers using a mouse, keyboard, and touchscreen devices. ● Place important actions at the top or bottom of the page. ● Use skip links and don’t forget your focus indicators!
Melissa Taylor Occupation: Business Owner Disability: Dyslexia Goal: Taking an online class
Demo Time!
How do you resolve this? ● Use an inclusive font in relative units. ● Make sure to add enough margins, padding, and line spacing to your text. ● Break text into small, readable units or use bullet points and numbers.
Edward Moss Occupation: Web Developer Disability: Blind Goal: Chat on Twitter Hey look! We can flip things
Demo Time!
How do you resolve this? ● Turn “Compose image descriptions” on in your Twitter account: https://twitter.com/settings/accessibility ● Follow @PleaseCaption on Twitter and they will yell at you when you mess up (because you will). ● Add context text to image posts on Facebook too.
The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. Tim Berners-Lee
THANK YOU! Carie - @cariefisher Helena - @misshelenasue
Presented in Partnership with Carie Fisher
In this interactive experience, we will start off by talking about how people with disabilities use the internet and how we can make websites more inclusive. Once you’re briefed on the ABC’s of a11y, we’ll delve a little deeper into different personas within the disability community and how web accessibility relates to the specific needs within. You may even get a chance to join in!
Whether you’re a seasoned accessibility pro or you’ve never heard of it before, technical or non-technical, you’ll be able to follow along, participate, and gain valuable new knowledge and insight about how to make your websites more inclusive.
Attendees will leave this session with:
Note: ’Fabulous’ is a subjective term and fabulousness of prizes may vary by personal opinion
Here’s what was said about this presentation on social media.
for free. You
can too.