Accessibility & Multi-Screen Design: Checking Accessibility

A presentation at #cos19 in June 2020 in by Eric Eggert

Slide 1

Slide 1

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

Slide 2

Slide 2

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 3

Slide 3

Before and After Demo

Slide 4

Slide 4

Slide 5

Slide 5

JavaScript Bookmarklets for Accessibility Testing

Slide 6

Slide 6

Easy Checks 10 Aspects Not exhaustive!

Slide 7

Slide 7

  1. Page Title

Slide 8

Slide 8

  1. Image Text Alternatives

Slide 9

Slide 9

  1. Headings

Slide 10

Slide 10

  1. Contrast Ratio

Slide 11

Slide 11

  1. Resize Text

Slide 12

Slide 12

  1. Keyboard Access and Visual Focus

Slide 13

Slide 13

  1. Forms, labels, and errors

Slide 14

Slide 14

  1. Moving, Flashing, or Blinking Content

Slide 15

Slide 15

  1. Multimedia (video, audio) alternatives

Slide 16

Slide 16

  1. Basic Structure Check

Slide 17

Slide 17

Thanks!