Accessibility Integrated Web Accessibility in Roles Project Planning

  • Slides: 17
Download presentation
Accessibility, Integrated Web Accessibility in Roles, Project Planning and Quality Assurance @rgcarrjr

Accessibility, Integrated Web Accessibility in Roles, Project Planning and Quality Assurance @rgcarrjr

Intro! • • • Who are you? Where are you? What do you do?

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

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

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,

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

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

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 •

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

“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

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

100% Accessible @rgcarrjr

DOING ACCESSIBILITY Fail to Plan, Plan to Fail, amirite?

DOING ACCESSIBILITY Fail to Plan, Plan to Fail, amirite?

A 11 y in Planning and Tools • • Wireframes Mockups Style guides Other?

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

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.

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

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

Contact Rob Carr, Oklahoma ABLE Tech [email protected] edu @rgcarrjr (only Twitter) @rgcarrjr