Introduction to Digital  Accessibility 

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

Accessibility

  • 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

Accessibility

Accessible means

everyone can use it 

Accessibility

Accessible means

everyone can use it 

Accessibility

everyone =

you

Accessibility

me

next

busy

deaf

ASD

old

crisis

thai

CP

you

Accessibility

me

accessible =

no

impassable

barriers

contrast

familiar

subtitles

affordances

few, big targets

clear

icons

keyboard

next

busy

deaf

ASD

old

crisis

thai

CP

Accessibility

Disability

Jamie Knight & Lion - BBC Accessibility Specialist

Impairment

+ Environment

 

Accessibility

Impairment

+ right Environment

 

Accessability

Accessibility

50% by wireframes

95% before any code is written

Alex Lowndes, BookingGo Senior Test Engineer

Start the thinking early ....

Accessibility

Accessibility is a concern

for planning and design

Accessibility

  • 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

Accessibility

Colour

 

 

Focus

 

 

Labels

Accessibility

Colour - contrast

             - meaning

             - actionable elements

Focus

 

 

Labels

Accessibility

Accessibility

Colour - contrast

             - meaning

             - actionable elements

Focus   - interactive is focusable

             - visible focus & content order

             - modals, menus and traps

Labels

Accessibility

Accessibility

Accessibility

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

Accessibility

 main

heading

button label

link text

form

label

sub heading

Accessibility

Accessibility

  • 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

Accessibility

  1. Put people first - in equivalent ways

  2. Use familiarity

  3. Give control

  4. Offer choice

  5. Add value

Accessibility

Inclusive design principles...

Accessibility

  • 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

Accessibility

Accessibility

  • 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

Accessibility

Do something differently

Accessibility

Thank you!

Accessibility