Accessibility is a design choice

A presentation at Tech Talk @ Tagesspiegel in June 2023 in by Gunnar Bittersmann

Slide 1

Slide 1

Slide 2

Slide 2

Accessibility is a design choice and an implementation choice as well

Slide 3

Slide 3

Top design-focused issues of 2022:

  • 83.9% Low text color contrast
  • 77.3% Empty links & buttons
  • 55.4% Missing image alt text
  • 50.3% Skipped & missing headings
  • 46.1% Missing form labels

→ noti.st/cariefisher/Bin4xT

Slide 4

Slide 4

Low text color contrast

Slide 5

Slide 5

Bruce Springsteen, Born to Run album cover

Slide 6

Slide 6

Bruce Springsteen, Born to Run album cover

Slide 7

Slide 7

Screenshot of codepen “Born to color contrast” with developer toolbar open, showing color contrast checker

Slide 8

Slide 8

Empty links & buttons

Slide 9

Slide 9

Screenshot of codepen “F awesome buttons, labelled”

Slide 10

Slide 10

Screenshot of codepen “F awesome buttons, labels visually hidden”

Slide 11

Slide 11

A Designer’s Guide to Documenting Accessibility & User Interactions by Stéphanie Walter

Slide 12

Slide 12

inclusice design 24 #id24 will return on 21 September 2013

Slide 13

Slide 13

Missing image alt text

Slide 14

Slide 14

Screenshot of UXcamp Europe 23 homepage with developer toolbar open, showing alternative text “UXcamp Europe logo”, should be: “homepage”

Slide 15

Slide 15

“Universal law is for lackeys. Context is for kings.” — Lorca in Star Trek: Discovery S1:E2

Slide 16

Slide 16

Skipped & missing headings

Slide 17

Slide 17

Screenshot of codepen “Heading hierarchy”

sample text: The Universal Declaration of Human Rights

Slide 18

Slide 18

Screenshot of Tagesspiegel section page, top heading styled as breadcrumb item

Slide 19

Slide 19

The Elements of User Experience diagram by Jesse James Garrett

Slide 20

Slide 20

Missing form labels

Slide 21

Slide 21

Screenshot of codepen “search form”

Slide 22

Slide 22

Smashing books:

  • “Form Design Patterns” by Adam Silver
  • “Inclusive Components” by Heydon Pickering

Slide 23

Slide 23

Accessibility is a design choice and an implementation choice as well

Slide 24

Slide 24

Leaving no-one behind is a design choice and an implementation choice as well

Slide 25

Slide 25

Marcy Sutton .com (on accessibility)

Slide 26

Slide 26

Leaving no-one behind is a design choice and an implementation choice as well

Slide 27

Slide 27

Tom Hanks is Forrest Gump