all you want to know about accessibility are things you already know

All you want to know about accessibility are things you already know

Joakim Bording@spispeas

Sunday 8 June 14

Accessibility

Sunday 8 June 14

Accessibility:

Shame on you, your site does not comply with accessibility standards

Sunday 8 June 14

Accessibility:

Those poor people need help

Sunday 8 June 14

Accessibility:

It’s just good design

Sunday 8 June 14

Sunday 8 June 14

Sunday 8 June 14

Sunday 8 June 14

Sunday 8 June 14

Easy

Sunday 8 June 14

Frustrating

Sunday 8 June 14

Impossible

Sunday 8 June 14

Impossible

Frustrating

Easy

Sunday 8 June 14

Impossible

Frustrating

EasySunday 8 June 14

Impossible

Frustrating

Easy

Cup of espresso

Sunday 8 June 14

Impossible

Frustrating

Easy

Cup of espresso

Glass of water

Sunday 8 June 14

Impossible

Frustrating

Easy

Cup of espresso

Glass of water

Cup of coffee

Sunday 8 June 14

– One out of seven has some form of disabilityWorld Health Organization

Sunday 8 June 14

Sunday 8 June 14

Impairment

vs.

Disability

Sunday 8 June 14

«Impairment»

what makes your body different or damaged

Sunday 8 June 14

«Disability»

is what happens when your body encounters an obstacle it can not solve

Sunday 8 June 14

Sunday 8 June 14

Sunday 8 June 14

Sunday 8 June 14

Sunday 8 June 14

Sunday 8 June 14

Sunday 8 June 14

Users become disabled when we do not design for their needs

Sunday 8 June 14

Designers:

Sunday 8 June 14

Designers:

Be nice!

Sunday 8 June 14

We got a new law in Norway this summer

Sunday 8 June 14

Sunday 8 June 14

Regulation for universal design of information and communication

technology (ICT) solutions

Anti-Discrimination and Accessibility Act § 14

Sunday 8 June 14

It’s illegal to discriminate your users

on the grounds of disability

Sunday 8 June 14

Sunday 8 June 14

Sunday 8 June 14

Sunday 8 June 14

– Never has so many debated so much about such a narrow field that so many people think deals with so few@ahenrichsen (my translation)

Sunday 8 June 14

Sunday 8 June 14

Verordnung zur Schaffung barrierefreier

Informationstechnik nach dem

Behindertengleichstellungsgesetz

Behindertengleichstellungsgesetzes § 11

Sunday 8 June 14

Sunday 8 June 14

Sunday 8 June 14

– Net-based solutions must as a minimum be designed in compliance with standard Web Content Accessibility Guidelines 2.0 (WCAG 2.0) (...)uu.difi.no/english

Sunday 8 June 14

Sunday 8 June 14

Sunday 8 June 14

Sunday 8 June 14

Sunday 8 June 14

Sunday 8 June 14

Sunday 8 June 14

Read it but don’t be afraid about it

Sunday 8 June 14

It’s about usersSunday 8 June 14

Sunday 8 June 14

Let’s builda website!

Sunday 8 June 14

User needs

Member Client Press

Sunday 8 June 14

Tools

Phones Tablets Laptops

Sunday 8 June 14

Mouse Finger

Tools

Sunday 8 June 14

ChromeVersion 32.0

SafariVersion 7.0.1

FirefoxVersion 26.0

Tools

Sunday 8 June 14

This we know

Tools

• Screenresolutions• Mouse or trackpad• Touch• Browser versions

User needs

• Relevance and priority• Good content• User testing

Sunday 8 June 14

Sunday 8 June 14

Level up!

Tools

• Keyboard navigation• Screenreaders• Screen zoom• Browser zoom

User needs

• Contrast• Colorblindnes

Sunday 8 June 14

Accessibility withoutuser friendlinessis bogus.

Sunday 8 June 14

Sunday 8 June 14

Lets learn some new skills!

Sunday 8 June 14

Order it right and make it readable

1

Sunday 8 June 14

⌘ + F5

Sunday 8 June 14

Sunday 8 June 14

Skjermdump: knyteslips.no

1) Place the tie around your neck. The wide end should be about 30-35 cm longer than the narrow end of the tie. Let the wide end cross over the narrow end.

2) Fold the wide end around and behind the narrow end of the tie.

Sunday 8 June 14

Become a memberMedlemsfordelerSign up now

Foto: flic.kr/p/bJxmpP

Sunday 8 June 14

Become a memberMedlemsfordelerSign up now

Foto: flic.kr/p/bJxmpP

Sunday 8 June 14

Book him now

Foto: flic.kr/p/bJxmpP

Go on a date with Gustav

Sunday 8 June 14

Write short and informative textalternatives for relevant pictures

Sunday 8 June 14

Sunday 8 June 14

«Right arrow button»

Sunday 8 June 14

«Right arrow button»

value="→"

Sunday 8 June 14

iPhone anyone?

Sunday 8 June 14

iPhone anyone?

Enable VoiceOver in settings

Sunday 8 June 14

Sunday 8 June 14

Search with your finger

Flick trough

Click

Next page

Scroll

Choose navigation level

Flick trought in that level

Turn of your screen

double tapp

3 tapp

Number of fingers

Sunday 8 June 14

Be generous with contrast and do not rely on color alone

2

Sunday 8 June 14

Sunday 8 June 14

Sunday 8 June 14

Sunday 8 June 14

Sunday 8 June 14

Contrast ratio: 4.5:1

Sunday 8 June 14

#777

Sunday 8 June 14

Sunday 8 June 14

http://leaverou.github.com/contrast-ratio/Sunday 8 June 14

Sunday 8 June 14

Sunday 8 June 14

Now, one of the peculiar characteristics of the savage in his domestic hours, is his wonderful patience of industry.

Now, one of the peculiar characteristics of the savage in his domestic hours, is his wonderful patience of industry.

Now, one of the peculiar characteristics of the savage in his domestic hours, is his wonderful patience of industry.

Now, one of the peculiar characteristics of the savage in his domestic hours, is his wonderful patience of industry.

Sunday 8 June 14

Now, one of the peculiar characteristics of the savage in his domestic hours, is his wonderful patience of industry.

Now, one of the peculiar characteristics of the savage in his domestic hours, is his wonderful patience of industry.

Now, one of the peculiar characteristics of the savage in his domestic hours, is his wonderful patience of industry.

Now, one of the peculiar characteristics of the savage in his domestic hours, is his wonderful patience of industry.

Sunday 8 June 14

Let the keyboard join the party!

3

Sunday 8 June 14

Foto: Flickr - yum9meSunday 8 June 14

1. Lasy users2. Expertusers3. Users with limited movement4. Blind and visually impaired users

Who use the keyboard for navigation?

Sunday 8 June 14

TEST IT!

Sunday 8 June 14

First define some tasks you want to test on your site

Sunday 8 June 14

Sunday 8 June 14

Sunday 8 June 14

...

Sunday 8 June 14

1. Du you see where you are and what you do?2. Can you do everything you want?3. Is the focus placed where you expect it to?4. Is there a lot of repeating content on the site?

Four things to test

Sunday 8 June 14

If it belongs together it should stay together

4

Sunday 8 June 14

Screen zoom

This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content.

Sunday 8 June 14

Screen zoom

This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content.

Sunday 8 June 14

Will the users find their way around when zoomed in?

Sunday 8 June 14

Browser zoom

This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content.

Sunday 8 June 14

Browser zoom

This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content.

Sunday 8 June 14

Browser zoom

This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content.

Sunday 8 June 14

Browser zoom

This is a webpage with a lot of great content. This is a webpage with a lot of great content. This is a webpage with a lot of great content.

Sunday 8 June 14

HTML + CSS

Sunday 8 June 14

Make ONE sollution for all

5

Sunday 8 June 14

Sunday 8 June 14

Foto: greatbuildings.comSunday 8 June 14

– Universal design is the design of products and environments to be usable by all people, to the greatest extent possible, without the need for adaptation or specialized design.The Center for Universal Design

Sunday 8 June 14

Sunday 8 June 14

– Design for extremes. The middle will take care of itself.Dan Formosa

Sunday 8 June 14

Try it out!

Sunday 8 June 14

Sunday 8 June 14

Sunday 8 June 14

Sunday 8 June 14

Designer Developer Editor Writer

Sunday 8 June 14

– The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.Tim Berners-Lee

Sunday 8 June 14

Sunday 8 June 14

Sunday 8 June 14

Thank you!

Joakim Bording@spispeas#a11y

Sunday 8 June 14