Inclusion By Design

A presentation at #a11yTOConf in October 2021 in by Alicia Jarvis

Slide 1

Slide 1

Inclusion by Design

Inclusion by Design Alicia Jarvis (She/Her) #a11yTO Conf 2021

Slide 2

Slide 2

Topics for Today

Intro to inclusive design Guiding principles Inclusive design research Inclusive interaction design Inclusive content design Inclusive visual design

Slide 3

Slide 3

Introduction

Introduction

Slide 4

Slide 4

“The Computer will be ‘the Great Equalizer’. "

“The Computer will be ‘the Great Equalizer’. “

Slide 5

Slide 5

Defining design

Defining design “Everyone designs who devises courses of action aimed at changing existing situations into preferred ones.“ — Herbert Simon

Slide 6

Slide 6

What is inclusive design?

What is inclusive design? Design that considers the full range of human diversity with respect to ability, language, culture, gender, age and other forms of human difference. Accessible design is a design process in which the needs of people with disabilities are specifically considered.

Slide 7

Slide 7

Inclusive design VS. Exclusive design

Door levers VS. Door knobs

Slide 8

Slide 8

SUX

“When user experience doesn’t consider all users, it should be called some users experience. Yes, sux. - Billy Gregory

Slide 9

Slide 9

Guiding principles

Guiding principles

Slide 10

Slide 10

7 Universal design principles

• Equitable Use • Flexibility in Use • Simple and Intuitive • Perceptible Information • Tolerance for Error • Low Physical Effort • Size and Space for approach and use

Slide 11

Slide 11

Inclusive design principles

• Provide comparable experience • Consider situation • Be consistent • Give control • Offer choices • Prioritise content • Add value

https://inclusivedesignprinciples.org/

Slide 12

Slide 12

POUR

PERCEIVABLE Information and user interface components must be presentable to users in ways they can perceive. Users must be able to perceive the information being presented (it can not be invisible to all of their senses) OPERABLE User interface components and navigation must be operable. Users must be able to operate the interface (the interface cannot require interaction that a user cannot perform) UNDERSTANDABLE Information and the operation of user interface must be understandable. Users must be able to understand the information as well as the operation of the user interface (the content or operation cannot be beyond their understanding) ROBUST Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies. Users must be able to access the content as technologies advance (as technologies and user agents evolve, the content should remain accessible)

Slide 13

Slide 13

Inclusive Design Research

Inclusive Design Research

Slide 14

Slide 14

Recognize exclusion

“Designing for inclusion starts with recognizing exclusion.” — Kat Holmes

Slide 15

Slide 15

Consider who is designing the product

Consider who is designing the product

Slide 16

Slide 16

Involve everyone

• Use inclusive language in recruitment and research materials. • Actively seek out design input from people who don’t look like you, or sound like you. • Interview individuals who represent a wide range of human diversity to understand their context and methods of accessing technology. • Ask questions that consider outliers or alternate points of view. • Synthesize and implement interview insights and user considerations into every project. • Test content, prototypes, and visuals with people who have varying abilities or use different access methods. • Implement changes based on research findings and user feedback.

Slide 17

Slide 17

Inclusive Interaction Design

Inclusive Interaction Design

Slide 18

Slide 18

Disability Defined

“Disability is a mismatched interaction between the features of a person’s body and the features of the environment in which they live.” — World Health Organization, 2011 World Report on Disability

Slide 19

Slide 19

Get to know your keyboard

• Keyboard accessibility is one of the most important aspects of digital accessibility.​ • People with mobility / dexterity disabilities rely on keyboards for navigation.​ • Blind individuals typically use a keyboard for navigation in combination with screen readers.​ • Other assistive technology mimics keyboard functionality.​

Slide 20

Slide 20

Use Annotations

Talk with your development team. Don’t feel obligated to capture everything all at once. Iterate and use whatever method works for you and your team Leverage a legend

Slide 21

Slide 21

Inclusive Content Design

Inclusive Content Design

Slide 22

Slide 22

Use Inclusive Language

• Avoid using descriptors that refer to a person’s race, gender, sexual orientation, disability, or age, unless those descriptors are relevant to the story • When possible, omit gender-specific pronouns. • Replace third person (she/he) with second person pronoun (you). • Replace adjectives for neutral alternatives, such as indefinite adjectives, substantives, or objects. • Don’t use black, white, dark, or light as metaphors .

Slide 23

Slide 23

Don’t Make Me Think

• Use plain language. • Give just the info your users need, right when they need it. • Keep sentences short • Aim for 5th-8th grade readability. • Write meaningful link text. • Create text alternatives for charts and graphs. • Use descriptive alt text for images, icons, and controls. If the text is meant to be read, don’t put it in an image. • Ensure semantically meaningful page structure.

Slide 24

Slide 24

Inclusive Visual Design

Inclusive Visual Design

Slide 25

Slide 25

What colour is the dress?

“In visual perception, a colour is almost never seen as it really is […] This fact makes colour the most relative medium in art.“ - Joseph Alberts, Interaction of Color, 1963

Slide 26

Slide 26

Design in greyscale

Design in greyscale

Slide 27

Slide 27

Check your design for contrast

Check your design for contrast

Slide 28

Slide 28

Create delight

“Customer and employee delight is the goal. All day. Every day. Understanding and delivering actions that delight define whether or not revenue is maximized. Diverse demand has changed how great brands deliver delight. Are you ready to ‘unleash different’?” - Rich Donovan

Slide 29

Slide 29

Thank You!

Alicia Jarvis, CPACC, CSM Website: Alicia.design Twitter: @A11yAlicia LinkedIn: linkedin.com/in/aliciajarvis