Accessibility Integrated Web Accessibility in Roles Project Planning
Accessibility, Integrated Web Accessibility in Roles, Project Planning and Quality Assurance @rgcarrjr
Intro! • • • Who are you? Where are you? What do you do? How does accessibility fit? What’s one goal you have for today? @rgcarrjr
I’ll Start! • • • Rob Carr ABLE Tech, Okie State U. Accessibility training and technical assistance (think: consulting) It’s the point Send you all away more comfortable with accessibility and ready to work it into your shop and processes @rgcarrjr
Today! • Accessibility and Product Influencers • Accessibility in project planning • Testing to see how well plans come together @rgcarrjr
Framing • We think awful code is written by awful devs. But in reality, it’s written by reasonable devs in awful circumstances. • Sarah Mei, from the Twitterverse @rgcarrjr
Product Influencers • Start from your end product and work back • Think about who influences the final work • Don’t forget about plugins and third party • Look for stuff that you don’t control directly @rgcarrjr
Conversation and Strategy • Who are influencers? • How does accessibility align with their role(s)? • What is the best approach to use to help make alignment happen? @rgcarrjr
Messaging • Civil rights • ADA • Section 503/504 of the Rehabilitation Act • Compliance? Yes, but… @rgcarrjr
“But you know, Bob, that will only make someone work just hard enough not to get fired. ” Compliance @rgcarrjr
Other Approaches • • Design and dev work is about the audience Diversify diversity efforts Remember why the civil rights laws exist: to stop discrimination Accessibility is a marker of quality @rgcarrjr
100% Accessible @rgcarrjr
DOING ACCESSIBILITY Fail to Plan, Plan to Fail, amirite?
A 11 y in Planning and Tools • • Wireframes Mockups Style guides Other? @rgcarrjr
Quality Assurance and Testing • But, not only at the end • Tools and techniques • • • WAVE site, extension, toolbar (http: //wave. webaim. org/) Colour Contrast Analyser (http: //bit. ly/1 ME 7 YE 6) Inspect element…in the browser Keyboard (Tab, Shift, Arrows, Enter, Spacebar) Assistive technology • Screen reader • Speech to text (Dragon, for example) @rgcarrjr
Other Integration Points • Procurement and use decisions • Social media! • http: //www. digitalgov. gov/resources/federal-social-media-accessibility-toolkit-hackpad/ • • Templates Patterns Libraries Personas • http: //rosenfeldmedia. com/a-web-for-everyone/personas-for-accessible-ux/ @rgcarrjr
More Resources and Reading • W 3 C WAI Accessibility Docs (https: //www. w 3. org/WAI/) • Web Axe list of color contrast tools (http: //www. webaxe. org/color-contrast-tools/) • W 3 C ARIA Authoring Practices (https: //www. w 3. org/TR/wai-aria-practices/) • Lots of examples and code for things like accordions, tab panels @rgcarrjr
Contact Rob Carr, Oklahoma ABLE Tech rgcarr@okstate. edu @rgcarrjr (only Twitter) @rgcarrjr
- Slides: 17