aux - creating an accessible user experience

IT’S NOT JUST ABOUT THEM,IT’S ABOUT ALL OF US

Creating an Accessible User Experience(AUX)

by Rotem Binheim

KRS | © שמורות הזכויות Rotem@krs-web.co.il | 2015כל

):Nice to meet youWho I am?

UX Designer @ KRSMotherArt LoverSign Language ...

Everyone is Different!

Creating a feeling that the product was designed specifically for you

Good UX?

"If you don't talk to your customers, how will you know how to talk to your customers?"Will Evans

The UX process User Interviews

Focus Groups

Observations

Remote Usability Testing

Accessibility Testing

Creating Personas

A persona represents a cluster of users who exhibit similar behavioral patterns

UIPrinciples of Accessible Design

Accessible design allows users of all abilities to navigate, understand, and use your UI successfully

Make it Big and Bold

Color Contrasting

BAD GOOD

For Who?

Low Vision

Colorblind

Older People

All of us...

Color Contrast - Buttons• Button sizes – at lest 9 mm by 9 mm.

• Surround all touch targets with a small area of inactive space in a contrasting color .

• Background color - not bright white

Tips to takeProvide different modes of contrast

Bright text on dark backgrounds

Black over a yellow background

White over a black background

Keep it simple and remember that size does matterKRS | © שמורות הזכויות Rotem@krs-web.co.il | 2015כל

Content Is KingCheck with a screen reader content descriptions for:

1. Images

2. Icons

3. Buttons

Instructions - Clear and simple

Less Distraction More Action

1. Visual weight

2. Available with both hands

3. Available with a11y features activated (screen-magnifiers)

4. Portrait & landscape

CHANGE ISN’T ALWAYS GOOD

Objects and SoundsFor users with low vision, moving or otherwise distracting objects are disorienting.

1. Option to turn on and off audio

2. Option to remove moving objects from the screen

3. Keep it clean!

Consistency• Compare the navigation layout on

each page of your application• Alternative Navigation• Buttons:

exit, done, back, send, help

Screen Orientation

Landscape is not recommended for visually disabled users because the change of screen is highly disorienting.

• Stick to vertical menus• Simplify with sub-menus• Get rid of floats

Tables rows must be practical

Alternative Touchscreen Gestures

Settings > Accessibility > TalkBack > Settings > Explore by Touch > Manage gestures.

Get Yourself in the ModeTurn TalkBack functionality on and start navigating your app.

Test, Test, Test!

Testing Tools

Thanks

rotem@krs-web.co.il | 050-2444147

aux - creating an accessible user experience

Technology

creating an accessible button dropdown

creating accessible powerpoint slides

creating accessible online learning experiences

creating accessible microsoft word 2010 documents

creating accessible powerpoints (ms office 2007) ·...

creating accessible power bi reports - data savvy › 2019...

creating accessible web content

creating accessible powerpoint documents with microsoft

creating accessible websites - queen's university€¦ ·...

creating accessible documents with microsoft...

creating accessible course content

creating nonvisually accessible documents

creating accessible presentation slides

creating accessible presentations training guide

acrobat x creating accessible pdf forms

creating accessible microsoft word 2007/ 2010

creating accessible materials

creating and evaluating accessible oer - ct

creating accessible documents

creating accessible electronic learning resources