Accessible Patterns from the Ground Up

A presentation at BADCamp 2020 by Carie Fisher

Accessible Patterns From the Ground Up

Accessible Patterns From the Ground Up

Hello! I am Carie Fisher Sr. Accessibility Consultant Deque Systems

Hello! I am Carie Fisher Sr. Accessibility Consultant Deque Systems

Let’s prep the soil...

Let’s prep the soil...

Accessibility awareness

Accessibility awareness

Accessibility

Accessibility

1,116,300,000+ or 15% of the world’s population self-identifies as having a disability

1,116,300,000+ or 15% of the world’s population self-identifies as having a disability

US Disability stats

US Disability stats

$200,000,000,000 annual discretionary spending by people who identify as disabled + 65 and older in the US

$200,000,000,000 annual discretionary spending by people who identify as disabled + 65 and older in the US

WCAG's POUR

WCAG's POUR

More info on Perceivable, Operable, Understandable, and Robust

More info on Perceivable, Operable, Understandable, and Robust

Planting the seed…

Planting the seed…

Accessible design

Accessible design

Accessibility Heuristics

Accessibility Heuristics

Personas

Personas

UX design process

UX design process

Low-fi flip image card without annotations

Low-fi flip image card without annotations

Low-fi flip image card with annotations

Low-fi flip image card with annotations

Hi-fi flip image card with annotations

Hi-fi flip image card with annotations

Design Tools

Design Tools

Here comes the sun...

Here comes the sun...

Accessible development

Accessible development

Guides/Libraries

Guides/Libraries

Code snippet

Code snippet

Code snippet

Code snippet

Developer Tools

Developer Tools

In full bloom…almost

In full bloom…almost

Beware of weeds...

Beware of weeds...

Accessibility testing

Accessibility testing

Types of accessibility testing

Types of accessibility testing

VoiceOver demo

VoiceOver demo

Testing Tools

Testing Tools

Digital inclusion

Digital inclusion

The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. Tim Berners-Lee

The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. Tim Berners-Lee

Thanks! Any questions?

Thanks! Any questions?

Digital accessibility can be difficult or frustrating to a lot of people, but it doesn’t have to be. By making small changes to your everyday workflow, you can have a huge impact on making the digital world more inclusive - without crushing your creativity or sacrificing your sanity!

In this talk, we will walk-through the process of creating an accessible pattern from design to development, while focusing on accessibility best practices at each step. We will start with a wireframe/sketch, a process that into a design, translate the design into code, and finally, retest for accessibility. We will also talk about the different kinds of patterns out in the wild and which are the most accessible to the widest range of users.

The audience will leave the talk with a deeper understanding of accessibility best practices and will have take-away action items to help them start building their own accessible patterns!

Resources

The following resources were mentioned during the presentation or are useful additional information.