Accessibility & Multi-Screen Design: Checking Accessibility

A presentation at #cos18 in June 2019 in by Eric Eggert

Slide 1

Slide 1

Accessibility & Multi-Screen Design Checking Accessibility Eric Eggert — Accessibility & Multi-Screen Design – #cos18

Slide 2

Slide 2

Disclaimer This course is not a W3C course. Views expressed are my own. Dies ist kein W3C-Kurs. Alle Ansichten sind meine Eigenen.

Slide 3

Slide 3

Easy Checks helps you start to assess the accessibility of a web page. With these simple steps, you can get an idea whether or not accessibility is addressed in even the most basic way.

Slide 4

Slide 4

Before and After Demo

Slide 5

Slide 5

Slide 6

Slide 6

JavaScript Bookmarklets for Accessibility Testing

Slide 7

Slide 7

Easy Checks 10 Aspects Not exhaustive!

Slide 8

Slide 8

  1. Page Title

Slide 9

Slide 9

  1. Image Text Alternatives

Slide 10

Slide 10

  1. Headings

Slide 11

Slide 11

  1. Contrast Ratio

Slide 12

Slide 12

  1. Resize Text

Slide 13

Slide 13

  1. Keyboard Access and Visual Focus

Slide 14

Slide 14

  1. Forms, labels, and errors

Slide 15

Slide 15

  1. Moving, Flashing, or Blinking Content

Slide 16

Slide 16

  1. Multimedia (video, audio) alternatives

Slide 17

Slide 17

  1. Basic Structure Check

Slide 18

Slide 18

Thanks!