Accessibility is a design choice

A presentation at A11y Meetup Berlin in November 2023 in Berlin, Germany by Gunnar Bittersmann

Slide 1

Accessibility is a design choice and an implementation choice as well

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

Low text color contrast

Slide 4

Bruce Springsteen, Born to Run album cover

Slide 5

Bruce Springsteen, Born to Run album cover

Slide 6

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

Slide 7

Empty links & buttons

Slide 8

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

Slide 9

Screenshot of codepen “F awesome buttons, labelled”

Slide 10

Missing image alt text

Slide 11

Screenshot of A11y Meetup Berlin homepage with developer toolbar open, showing alternative text “a11y Meetup Berlin logo”, should be: “homepage”

Slide 12

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

Slide 13

Skipped & missing headings

Slide 14

Screenshot of codepen “Heading hierarchy”

sample text: The Universal Declaration of Human Rights

Slide 15

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

Slide 16

Missing form labels

Slide 17

Screenshot of codepen “search form”

Slide 18

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

Slide 19

Accessibility is a design choice and an implementation choice as well

Slide 20

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

Slide 21

Marcy Sutton .com (on accessibility)

Slide 22

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

Slide 23

Tom Hanks is Forrest Gump