derek featherstone: web accessibility (webdagene 2013)

53

Upload: webdagene

Post on 12-Jan-2015

274 views

Category:

Design


3 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Derek Featherstone: Web Accessibility (Webdagene 2013)
Page 2: Derek Featherstone: Web Accessibility (Webdagene 2013)
Page 3: Derek Featherstone: Web Accessibility (Webdagene 2013)

Why should that interface be accessible?

Page 4: Derek Featherstone: Web Accessibility (Webdagene 2013)

How would we make that accessible?

Page 5: Derek Featherstone: Web Accessibility (Webdagene 2013)

To whom should it be accessible?

Page 6: Derek Featherstone: Web Accessibility (Webdagene 2013)

• blind• low-vision• hearing• mobility/dexterity• cognitive• speech

Page 7: Derek Featherstone: Web Accessibility (Webdagene 2013)
Page 8: Derek Featherstone: Web Accessibility (Webdagene 2013)

erceivableperablenderstandableobust

POUR

w3.org/WAI

Page 9: Derek Featherstone: Web Accessibility (Webdagene 2013)

P O U R

Focuses on user needs, not technology.

Page 10: Derek Featherstone: Web Accessibility (Webdagene 2013)

Web Accessibility is a Design Tool

Page 12: Derek Featherstone: Web Accessibility (Webdagene 2013)

Accessibility is part of User Experience.

Page 13: Derek Featherstone: Web Accessibility (Webdagene 2013)

extremes extremes

Page 14: Derek Featherstone: Web Accessibility (Webdagene 2013)

Accessibility is not binary, all-or-nothing, black and white. We have every shade of grey in between. How you view this point frames everything that you learn and do about accessibility.

Page 15: Derek Featherstone: Web Accessibility (Webdagene 2013)

The checklist is a starting point, not an end point.

Page 16: Derek Featherstone: Web Accessibility (Webdagene 2013)

Just because something is compliant, doesn’t mean it will be easy to use.

Page 17: Derek Featherstone: Web Accessibility (Webdagene 2013)
Page 18: Derek Featherstone: Web Accessibility (Webdagene 2013)

How can we get beyond the checklist?

Page 19: Derek Featherstone: Web Accessibility (Webdagene 2013)

Great design, technical excellence, the right content and functionality.

Page 20: Derek Featherstone: Web Accessibility (Webdagene 2013)

Great design, technical excellence, the right content and functionality.

Page 21: Derek Featherstone: Web Accessibility (Webdagene 2013)

PRINCIPLE 1

Start with content

Page 22: Derek Featherstone: Web Accessibility (Webdagene 2013)

Content specific to people with disabilities?

Page 23: Derek Featherstone: Web Accessibility (Webdagene 2013)

PRINCIPLE 2

Move from what to why.

Page 24: Derek Featherstone: Web Accessibility (Webdagene 2013)

Overlapping Map Polygons: Non-visual access

Page 25: Derek Featherstone: Web Accessibility (Webdagene 2013)

Different method to get the same information(Fictitious) proposed boundary changes, City of Ottawa

Does this change affect you?Use our Postal Code lookup:Postal code:

Search

Page 26: Derek Featherstone: Web Accessibility (Webdagene 2013)

PRINCIPLE 3

Out of sight, out of mind.

Page 27: Derek Featherstone: Web Accessibility (Webdagene 2013)
Page 28: Derek Featherstone: Web Accessibility (Webdagene 2013)
Page 29: Derek Featherstone: Web Accessibility (Webdagene 2013)

GROUP CLOSELY RELATED ITEMS

Page 30: Derek Featherstone: Web Accessibility (Webdagene 2013)

Layout: Proximity for Low-vision users

Page 31: Derek Featherstone: Web Accessibility (Webdagene 2013)

Layout: Proximity for Low-vision users

Page 32: Derek Featherstone: Web Accessibility (Webdagene 2013)

Use layout to create the right "chunks"

Page 33: Derek Featherstone: Web Accessibility (Webdagene 2013)

Use layout to create the right "chunks"

Page 34: Derek Featherstone: Web Accessibility (Webdagene 2013)

PRINCIPLE 4

Design for Quick Consumption

Page 35: Derek Featherstone: Web Accessibility (Webdagene 2013)

Front-loaded content

Page 36: Derek Featherstone: Web Accessibility (Webdagene 2013)
Page 37: Derek Featherstone: Web Accessibility (Webdagene 2013)
Page 38: Derek Featherstone: Web Accessibility (Webdagene 2013)

USE HEADINGSFOR QUICK CONSUMPTION

Page 39: Derek Featherstone: Web Accessibility (Webdagene 2013)
Page 40: Derek Featherstone: Web Accessibility (Webdagene 2013)
Page 41: Derek Featherstone: Web Accessibility (Webdagene 2013)

PRINCIPLE 5

Keyboard. Keyboard. Keyboard.

Page 42: Derek Featherstone: Web Accessibility (Webdagene 2013)
Page 43: Derek Featherstone: Web Accessibility (Webdagene 2013)
Page 44: Derek Featherstone: Web Accessibility (Webdagene 2013)
Page 45: Derek Featherstone: Web Accessibility (Webdagene 2013)
Page 46: Derek Featherstone: Web Accessibility (Webdagene 2013)
Page 47: Derek Featherstone: Web Accessibility (Webdagene 2013)
Page 48: Derek Featherstone: Web Accessibility (Webdagene 2013)

PRINCIPLE 6

Design for forgetfulness.

Page 49: Derek Featherstone: Web Accessibility (Webdagene 2013)

Summary and Field-level errors

Page 50: Derek Featherstone: Web Accessibility (Webdagene 2013)

These principles helpmake better, more accessible

designs for everyone.

Page 53: Derek Featherstone: Web Accessibility (Webdagene 2013)

Accessibility consulting, strategy and assessmentsAccessible development and remediation servicesTraining courses, workshops and conferences

simplyaccessible.com

[email protected]@feather on twitter

Derek Featherstone