ux camp ottawa: accessibility as a design tool

49
Accessibility as a Design Tool

Upload: derek-featherstone

Post on 08-May-2015

4.421 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: UX Camp Ottawa: Accessibility as a Design Tool

Accessibility as a Design Tool

Page 2: UX Camp Ottawa: Accessibility as a Design Tool

All contents © Simply Accessible Inc., unless otherwise noted.Expressed permission is required to use these slides.Contact [email protected] if you have any questions.

simplyaccessible.com

Page 3: UX Camp Ottawa: Accessibility as a Design Tool
Page 4: UX Camp Ottawa: Accessibility as a Design Tool
Page 6: UX Camp Ottawa: Accessibility as a Design Tool

I think some of why people don’t do Web

accessibility is a lack of awareness, but a lot

of it is because people think it’s too hard.

What would help is if you can start teaching

people HOW to integrate it into typical

workflows for specific audiences—devs.

project managers, Scrum Masters, designers

Page 7: UX Camp Ottawa: Accessibility as a Design Tool

I think they just genuinely struggled to

understand the benefits. Many fail to realize

that it’s not just about people who are blind

or deaf—many people could benefit from a

more accessible site.

Page 8: UX Camp Ottawa: Accessibility as a Design Tool

Derek, all this stuff that you’ve taught us...

yes, it makes this more accessible, but really,

fundamentally, this is just a better design,

period.

Page 9: UX Camp Ottawa: Accessibility as a Design Tool

Accessibility as a Design Tool

Page 11: UX Camp Ottawa: Accessibility as a Design Tool

Accessibility is not binary, all-or-nothing, black and white. We have every shade of grey in between. How you view this point frames everything that you learn and do about accessibility.

Page 12: UX Camp Ottawa: Accessibility as a Design Tool

extremes extremes

Page 13: UX Camp Ottawa: Accessibility as a Design Tool

IDEO: The Deep Divehttp://www.youtube.com/watch?v=M66ZU2PCIcM

Page 14: UX Camp Ottawa: Accessibility as a Design Tool

By examining the extreme ends of a set of phenomena in depth, the entire universe of relationships can be illuminated since other instances will fall somewhere on the map of

relations and links.‘‘‘‘

Page 15: UX Camp Ottawa: Accessibility as a Design Tool
Page 16: UX Camp Ottawa: Accessibility as a Design Tool
Page 17: UX Camp Ottawa: Accessibility as a Design Tool

Tools to get the job done.

Page 18: UX Camp Ottawa: Accessibility as a Design Tool

Tools to get the job done.

Page 19: UX Camp Ottawa: Accessibility as a Design Tool

So, how do we useAccessibility as a Design Tool?

Page 20: UX Camp Ottawa: Accessibility as a Design Tool

Always start at the beginning of the design process

Page 21: UX Camp Ottawa: Accessibility as a Design Tool

Project Definition

User Research

Design Iteration

Develop & Implement

Validate & Launch

Page 22: UX Camp Ottawa: Accessibility as a Design Tool

Project Definition

User Research

Design Iteration

Develop & Implement

Validate & Launch

Any special content needs?

What support/customer service needs will this bring?

Has this been done before?

What new technology & challenges are there?

Page 23: UX Camp Ottawa: Accessibility as a Design Tool

Project Definition

User Research

Design Iteration

Develop & Implement

Validate & Launch

Any special content needs?

What support/customer service needs will this bring?

Has this been done before?

What new technology & challenges are there?

Include people with disabilities in more than interviews and focus groups; use observation and walk-throughs.

Include functional needs in personas, user stories and other artifacts

Find people both in and outside your org to get subject matter expertise and perspective.

Page 24: UX Camp Ottawa: Accessibility as a Design Tool

Project Definition

User Research

Design Iteration

Develop & Implement

Validate & Launch

Any special content needs?

What support/customer service needs will this bring?

Has this been done before?

What new technology & challenges are there?

Include people with disabilities in more than interviews and focus groups; use observation and walk-throughs.

Include functional needs in personas, user stories and other artifacts

Find people both in and outside your org to get subject matter expertise and perspective.

Test colours

Test concepts

Test iconography and visual language assets (particularly for low vision user)

Tend to focus on visual design, but we must examine process design.

Page 25: UX Camp Ottawa: Accessibility as a Design Tool

Project Definition

User Research

Design Iteration

Develop & Implement

Validate & Launch

Any special content needs?

What support/customer service needs will this bring?

Has this been done before?

What new technology & challenges are there?

Include people with disabilities in more than interviews and focus groups; use observation and walk-throughs.

Include functional needs in personas, user stories and other artifacts

Find people both in and outside your org to get subject matter expertise and perspective.

Test colours

Test concepts

Test iconography and visual language assets (particularly for low vision user)

Tend to focus on visual design, but we must examine process design.

Test templates

Test functional prototypes and demos

Don’t test with people with disabilities too early (it can be very frustrating and not productive)

Fix technical accessibility issues THEN test with people with disabilities for ease of use

Page 26: UX Camp Ottawa: Accessibility as a Design Tool

Project Definition

User Research

Design Iteration

Develop & Implement

Validate & Launch

Any special content needs?

What support/customer service needs will this bring?

Has this been done before?

What new technology & challenges are there?

Include people with disabilities in more than interviews and focus groups; use observation and walk-throughs.

Include functional needs in personas, user stories and other artifacts

Find people both in and outside your org to get subject matter expertise and perspective.

Test colours

Test concepts

Test iconography and visual language assets (particularly for low vision user)

Tend to focus on visual design, but we must examine process design.

Test templates

Test functional prototypes and demos

Don’t test with people with disabilities too early (it can be very frustrating and not productive)

Fix technical accessibility issues THEN test with people with disabilities for ease of use

Engage and respond to user feedback

Ensure that as part of roll-out appropriate training is given to CSRs so they can act.

On-going plans for organized learning from project, and documentation/resolution of issues that are raised

Page 27: UX Camp Ottawa: Accessibility as a Design Tool

Project Definition

User Research

Design Iteration

Develop & Implement

Validate & Launch

Any special content needs?

What support/customer service needs will this bring?

Has this been done before?

What new technology & challenges are there?

Include people with disabilities in more than interviews and focus groups; use observation and walk-throughs.

Include functional needs in personas, user stories and other artifacts

Find people both in and outside your org to get subject matter expertise and perspective.

Test colours

Test concepts

Test iconography and visual language assets (particularly for low vision user)

Tend to focus on visual design, but we must examine process design.

Test templates

Test functional prototypes and demos

Don’t test with people with disabilities too early (it can be very frustrating and not productive)

Fix technical accessibility issues THEN test with people with disabilities for ease of use

Engage and respond to user feedback

Ensure that as part of roll-out appropriate training is given to CSRs so they can act.

On-going plans for organized learning from project, and documentation/resolution of issues that are raised

Page 28: UX Camp Ottawa: Accessibility as a Design Tool

Project Definition

User Research

Design Iteration

Develop & Implement

Validate & Launch

Any special content needs?

What support/customer service needs will this bring?

Has this been done before?

What new technology & challenges are there?

Include people with disabilities in more than interviews and focus groups; use observation and walk-throughs.

Include functional needs in personas, user stories and other artifacts

Find people both in and outside your org to get subject matter expertise and perspective.

Test colours

Test concepts

Test iconography and visual language assets (particularly for low vision user)

Tend to focus on visual design, but we must examine process design.

Test templates

Test functional prototypes and demos

Don’t test with people with disabilities too early (it can be very frustrating and not productive)

Fix technical accessibility issues THEN test with people with disabilities for ease of use

Engage and respond to user feedback

Ensure that as part of roll-out appropriate training is given to CSRs so they can act.

On-going plans for organized learning from project, and documentation/resolution of issues that are raised

Page 29: UX Camp Ottawa: Accessibility as a Design Tool

Project Definition

User Research

Design Iteration

Develop & Implement

Validate & Launch

Any special content needs?

What support/customer service needs will this bring?

Has this been done before?

What new technology & challenges are there?

Include people with disabilities in more than interviews and focus groups; use observation and walk-throughs.

Include functional needs in personas, user stories and other artifacts

Find people both in and outside your org to get subject matter expertise and perspective.

Test colours

Test concepts

Test iconography and visual language assets (particularly for low vision user)

Tend to focus on visual design, but we must examine process design.

Test templates

Test functional prototypes and demos

Don’t test with people with disabilities too early (it can be very frustrating and not productive)

Fix technical accessibility issues THEN test with people with disabilities for ease of use

Engage and respond to user feedback

Ensure that as part of roll-out appropriate training is given to CSRs so they can act.

On-going plans for organized learning from project, and documentation/resolution of issues that are raised

Page 30: UX Camp Ottawa: Accessibility as a Design Tool

Overlapping Map Polygons: Non-visual access

Page 31: UX Camp Ottawa: Accessibility as a Design Tool

Overlapping Map Polygons: Non-visual access

Page 32: UX Camp Ottawa: Accessibility as a Design Tool

Auto-suggest: Keyboard Access

Page 33: UX Camp Ottawa: Accessibility as a Design Tool

Error Messaging: Low-vision Access

Page 34: UX Camp Ottawa: Accessibility as a Design Tool

SVG Maps: Keyboard Access

Page 35: UX Camp Ottawa: Accessibility as a Design Tool
Page 36: UX Camp Ottawa: Accessibility as a Design Tool
Page 37: UX Camp Ottawa: Accessibility as a Design Tool

Table of Contents: Skip Links on Steroids

Page 38: UX Camp Ottawa: Accessibility as a Design Tool
Page 39: UX Camp Ottawa: Accessibility as a Design Tool
Page 40: UX Camp Ottawa: Accessibility as a Design Tool
Page 41: UX Camp Ottawa: Accessibility as a Design Tool
Page 42: UX Camp Ottawa: Accessibility as a Design Tool
Page 43: UX Camp Ottawa: Accessibility as a Design Tool
Page 44: UX Camp Ottawa: Accessibility as a Design Tool
Page 45: UX Camp Ottawa: Accessibility as a Design Tool
Page 46: UX Camp Ottawa: Accessibility as a Design Tool
Page 49: UX Camp Ottawa: Accessibility as a Design Tool

Accessibility consulting, strategy and assessmentsAccessible development and remediation servicesTraining courses, workshops and conferences

simplyaccessible.com

[email protected]@feather on twitter

(613) 599-9784

Derek Featherstone