Accessibility is a design choice

A presentation at UXcamp Europe 2023 in June 2023 in Berlin, Germany by Gunnar Bittersmann

Slide 1

Slide 1

Accessibility is a design choice

Gunnar Bittersmann @g16n #uxce23

Slide 2

Slide 2

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 3

Slide 3

Low text color contrast

Slide 4

Slide 4

Bruce Springsteen, Born to Run album cover

Slide 5

Slide 5

Bruce Springsteen, Born to Run album cover

Slide 6

Slide 6

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

Slide 7

Slide 7

Empty links & buttons

Slide 8

Slide 8

Screenshot of codepen “Discovery: accessible scroll buttons”

Slide 9

Slide 9

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

Slide 10

Slide 10

inclusice design 24 #id24 will return on 21 September 2013

Slide 11

Slide 11

Missing image alt text

Slide 12

Slide 12

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

Slide 13

Slide 13

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

Slide 14

Slide 14

Skipped & missing headings

Slide 15

Slide 15

Screenshot of codepen “Heading hierarchy”

sample text: The Universal Declaration of Human Rights

Slide 16

Slide 16

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

Slide 17

Slide 17

The Elements of User Experience diagram by Jesse James Garrett

Slide 18

Slide 18

Missing form labels

Slide 19

Slide 19

Screenshot of codepen “search form”

Slide 20

Slide 20

Accessibility is a design choice

Gunnar Bittersmann @g16n #uxce23

Slide 21

Slide 21

Leaving no-one behind is a design choice

Gunnar Bittersmann @g16n #uxce23

Slide 22

Slide 22

Marcy Sutton .com (on accessibility)

Slide 23

Slide 23

Leaving no-one behind is a design choice

Gunnar Bittersmann @g16n #uxce23

Slide 24

Slide 24

Tom Hanks is Forrest Gump