Introduction to Digital  Accessibility 

@EmmaJ_PR

Accessibility

Space key, arrow keys, or swipe to navigate through slides.

• How I understand accessibility
• 3 things that help most people most of the time
• 6 principles for inclusive design and creation
• Discussion: what it all means to YOU
• Challenge: YOUR next step

• How I understand accessibility
• 3 things that help most people most of the time
• 6 principles for inclusive design and creation
• Discussion: what it all means to YOU
• Challenge: YOUR next step

Accessible means

everyone can use it 

Accessible means

everyone can use it 

everyone =

me

you

me

accessible =

no

impassable

barriers

next

busy

deaf

ASD

old

crisis

thai

CP

Microsoft Inclusive Design Toolkit - Persona Spectrum

Disability

Jamie Knight & Lion - BBC Accessibility Specialist

Impairment

+ Environment

Impairment

+ right Environment

Accessability

50% by wireframes

95% before any code is written

Alex Lowndes, BookingGo Senior Test Engineer

Sources:

https://www.w3.org/community/wai-engage/wiki/Accessibility_Responsibility_Breakdown

https://www.w3.org/WAI/WCAG21/quickref/

https://www.youtube.com/watch?v=8ovXWPxkA4c

Start the thinking early ....

Accessibility is a concern

for planning and design

• How I understand accessibility
• 3 things that help most people most of the time
• 6 principles for inclusive design and creation
• Discussion: what it all means to YOU
• Challenge: YOUR next step

Colour

Focus

Labels

Colour - contrast

             - meaning

             - actionable elements

Focus

Labels

Colour - contrast

             - meaning

             - actionable elements​

Focus   - interactive is focusable

             - visible focus & content order

             - modals, menus and traps

Labels

Colour - contrast

             - meaning

             - actionable elements​

Focus   - interactive is focusable

             - visible focus & content order

             - modals, menus and traps

Labels  - meaning & associations

             - headings, links, buttons, forms

             - alternative text

 main

heading

button label

link text

form

label

sub heading

• How I understand accessibility
• 3 things that help most people most of the time
• 6 principles for inclusive design and creation
• Discussion: what it all means to YOU
• Challenge: YOUR next step

http://www.bbc.co.uk/gel/guidelines/how-to-design-for-accessibility

Inclusive design principles...

https://inclusivedesignprinciples.org/

https://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility/

http://bit.ly/a11y-heuristics

• How I understand accessibility
• 3 things that help most people most of the time
• 6 principles for inclusive design and creation
• Discussion: what it all means to YOU
• Challenge: YOUR next step

• How I understand accessibility
• 3 things that help most people most of the time
• 6 principles for inclusive design and creation
• Discussion: what it all means to YOU
• Challenge: YOUR next step

Do something differently

Thank you!

Accessibility

@EmmaJ_PR

https://slides.com/emmajpr/digital-accessibility