It takes everyone
to build for everyone

Slides are online

With links

https://cookieshq.github.io/a11y-sc-2021/

A web in a sad state

1 Million
homepages

97.4%
with errors

Source: The WebAIM Million 2021

Design and content barriers

  • Convoluted UX
  • Distracting elements
  • Lack of captioning

This excludes people!

“We don't care about your needs”

It's just 💩crap!

When "It's the right thing to do" is not enough...

More arguments: Business case for digital accessibility

💰💰💰
It makes business sense

No silver bullet

“Not so magic” accessibility overlays

Artificial intelligence not quite there yet

Project management
Sales

Defend a baseline

  • Push back against removal
  • Not an “add-on”
  • Requirements & bugs

Figuring out what to do

Involve
disabled users

They know best the barriers they face.

  • Especially if innovating
  • Compensate them fairly

Follow
best practices

Web
Content
Accessibility
Guidelines

Referenced in many legislation.

Design

Layout

  • Structured & consistent
  • Good size & spacing
    (text & controls)
  • Responsive & ready for zoom

Appearance

Contrasted, not boring

Screenshot of Tatiana Mac's website, showing good contrast yet using bold colors like a very bright pink

Interactions

Content

Copy

  • Structured and broken down
  • Meaningful labels
  • Vocabulary
    (ableism, jargon, reading age)

Media
alternatives

  • Images & graph descriptions
  • Audio transcripts
  • Closed captions for video

Context matters

A pictue of a red panda
  1. Nothing
  2. "Such a cute red panda crouching over a trunk!"
  3. "Crouching on a trunk, what will that red panda do next?"

Resources: Alt text decision tree, Composing alternative text

Development

Semantics

  • HTML + ARIA
  • Headings and landmarks
  • Labelling & state

An example

A screenshot of Voice Over announcing the checked 'Nutella' choice among the 3 radio buttons to answer 'What\'s your favourite cookie flavour?'

Adaptability

  • Screen size
  • Orientation
  • Font size & line-height
  • Contrast, motion...

Reachability

Interactions

  • Focus (visibility, no trapping, before & after)
  • Activation
  • Feedback (non only visual)

Testing

Involve disabled users

They know best...

... but should test last.

Automated testing

13–40%
of errors

Human
review

Source & list of tools: Gov.uk experiment

Beyond
the website

  • Social media
    (alternative text, #HashtagCapitalisation)
  • Apps & documents
  • Offline

What next?

Start the journey

Don't wait for permission

More accessible
than yesterday

and tomorrow more than today

Involve everyone

The earlier in the process the better.

Learn new habits

User needs, tools, techniques

It's our responsibility

to not exclude people.

Thank you

@romaricpascal

@thecookieshq

hello@cookieshq.co.uk