ACCESSABILITY

@EChesters

culture / mobility / disability

ACCESSABILITY

Why accessibility is important

What accessibility means

How we implement accessibility

How to test accessibility

WHY DOES IT MATTER?

WHAT THE STATISTICS SHOW

15% people suffer with a disability (~ 1 billion people)

285 million people are visually impaired~70 million people audio impaired

GLOBALLY:

11 million+ have a long-term illness or a disability~2 million people are visually impaired~9 million people are audio impaired

UK:

2020 prediction; 2,250,000 people will suffer from sight loss

Disability increases with age

WHAT IT MEANS TO USERS

Empowering

Independence

Confidence

Self-esteem

Equal Footing

WHAT IS ACCESSIBILITY?

DISABILITY

Mental & physical impairments

Screen-readers

Magnifiers

Specific functionality

Tailored usability

Readability

Cognitive

MOBILITY

Low bandwidth

Low resources

Limited time

Multiple devices

Fluid

Independent of users’ tools

Anytime - Anywhere

CULTURALLY

Interfaces that fit the language

Readability

Internationalisation

Validations

Different attitudes & focuses

Understanding customs

IMPLEMENTATION

IT’S NOT ALL ABOUT ALT TAGS!

but you do still need them…

ATTITUDES

Accessibility is high cost

There’s no real benefit

It’s not my responsibility

APPROACHES

Bring Accessibility in earlier

User requirements

Widen your target audience

Reduces the cost

Functional requirements

Design around communities

TESTING

AUTOMATICCODE SNIFFERS

- http://squizlabs.github.io/HTML_CodeSniffer/- http://www.pa11y.org/

COLOUR CONTRAST- http

://www.color-blindness.com/coblis-color-blindness-simulator/

TRANSLATIONS- Components need to fit languages

X PLATFORM- Multiple browsers- Multiple devices

MANUALSCREEN-READERS

- JAWS (Windows)

- VoiceOver (Mac)

MEDIA CONTENT- Without CSS can you still use it?- Muted, can you understand videos?

TRANSLATIONS- Components need to fit languages

X PLATFORM- Multiple browsers- Multiple devices

USERS

javax.accessibility

JAVA SWING

All components supporting accessibility must implement the accessible package:

class MyFrame implements Accessible {

Every component must return its accessible context

wicket.WebApplication

android.accessibility

ANDROID CHECKLIST

TalkBack audio promptsTalkBack gesturesExplore By Touch prompts

Touchable control sizesNo audio only content

Android’s Accessibility

Apps

ACCESSABILITY

Thank you!

¡Gracias!

Obrigado!

Merci!

Dank u!

Dankeschön!

Tack!

Dakujem!

Mulțumesc!

Dziękuję!

McDonald’s’ different cultural focuses – http://blog.usabilla.com/designing-for-a-cross-cultural-user-experience-part1/ Different meanings in cultures –http://importexport.about.com/od/MarketingAndSellingGlobally/a/Designing-For-Foreign-Cultures.htm

Going blind for a week – http://blog.silktide.com/2013/01/things-learned-pretending-to-be-blind-for-a-week/

24 Accessible CSS Practices – http://24ways.org/2007/css-for-accessibility/

Uppercase text –http://uxmovement.com/content/all-caps-hard-for-users-to-read/

ARIA-ROLES – https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Web_applications_and_ARIA_FAQ

RESOURCES