You CAN do this

Web Accessibility Testing
for Everyone.

Kim Doberstein
University of Minnesota - OIT

dobe0002@umn.edu

Web accessibility means that all users regardless of technology can

perceive,

understand,

navigate,

interact,

and contribute to

the “web”.

Kim's definition

Artboard Created with Sketch.

Yay! - Web for everyone

Reality - not tested, not coded

Why?

1.3.1 Info and Relationships: Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text. (Level A)

 

Blah

Blah

Blah

Sigh ...

Let's get to this "later"

WCAG 2.0 Success Criteria

Involve everyone

Can't fix something if we don't know about it

Focus on testing

Let's make testing easy!!!

Focus on testing for the biggest issues.

Catch "all" tests

Headings

Hyperlinks

Color & Contrast

Video and Audio

Images

Keyboard Navigation

"Landmarks"

!

Let's keep the tools easy

Desktop / Laptop

Firefox browser

Chrome browser

3 browser plugins

 

!

!

8 things to check

Simple software
 

We CAN do this!

Electronic Handout

z.umn.edu/KimMinneWebCon2017

Browser Plugins

AInspector Sidebar

 

WAVE Web Accessibility Tool

W15yQC

Demo Time

Screen Readers

?

 A good idea ... but intimidating

Screen Readers

NVDA (Windows)

 

VoiceOver (Mac)

JAWS (Windows)

What to Check

Reading order

 

Heading list

Link list

Landmark list

Keyboard navigation

Making it Happen

New habits are often very fragile

When to consider
accessibility?

Involve Everyone

Make It Routine

Make It a Requirement

Make It a Priority

Celebrate

You CAN do this!

Kim Doberstein

dobe0002@umn.edu

 

 

z.umn.edu/KimMinneWebCon2017

Image credits

​All images are from the Noun project (https://thenounproject.com/)

  • Happy by Tobias F. Wolf

  • Sad by  Milky - Digital innovation

  • Lock by Gubi Mann

  • Prohibited by Eliricon

  • Puzzled by Aenne Brielmann

  • programming by Creative Stall

  • User by Sergey Demushkin

  • Thinking by Takao Umehara

  • Pencil by ArtWorkLeaf

  • Scrum dod by RROOK

  • Browser add by arjuazka
  • Magnifying Glass by macarino

  • Justice by Yo! Baba

  • Handle With Care by Bohdan Burmich

  • group by Sewon Park

  • First Line by Vicons Design

  • visibility by Giacomo Drudi

  • champion by Gan Khoon Lay

  • Celebration by Iain Hector

Accessible Web Testing for Everyone

By Kimberly Doberstein

Accessible Web Testing for Everyone

MinneWebCon 2017

  • 290