Tweet
Tweet

Slide 1

Slide 1 text

@francoisblavoet Accessibility On Android

Slide 2

Slide 2 text

@francoisblavoet

Slide 3

Slide 3 text

WHAT IS ACCESSIBILITY ? ▸ Accessibility : making sure that anyone can use your application ▸ Who is targeted ?
 Blind
 Any kind of visual, auditory and motor disabilities
 Color blindness
 …


Slide 4

Slide 4 text

WHO ▸ United States, 23.7 million adults report difficulty seeing ▸ EU : 75 million have some disability
 30 million have partial sight
 
 By 2025, 20% of the European population will be over 65

Slide 5

Slide 5 text

WHO

Slide 6

Slide 6 text

TEXT

Slide 7

Slide 7 text

First tool : Color and Contrast

Slide 8

Slide 8 text

▸ follow the material spec ▸ try to get close to a 5:1 contrast ratio TEXT AND IMAGES

Slide 9

Slide 9 text

COLORS

Slide 10

Slide 10 text

COLORS

Slide 11

Slide 11 text

TEXT SIZES

Slide 12

Slide 12 text

TEXT SIZES

Slide 13

Slide 13 text

▸ New with Nougat : change the display size ! ALSO : DISPLAY SIZE

Slide 14

Slide 14 text

MAKE YOUR TOUCH TARGETS BIG ENOUGH ▸ 48dp * 48 dp should be your smallest target

Slide 15

Slide 15 text

MAKE YOUR TOUCH TARGETS BIG ENOUGH ▸ Sometimes, your view hierarchy makes this hard : use a touch delegate val rect = Rect() view.getHitRect(rect) rect.right += 24.pxToDp(context) rect.bottom += 16.pxToDp(context) (view.parent as View).touchDelegate = TouchDelegate(rect, view)

Slide 16

Slide 16 text

CONTENT DESCRIPTION

Slide 17

Slide 17 text

CONTENT DESCRIPTION

Slide 18

Slide 18 text

FOCUS

Slide 19

Slide 19 text

▸ Eyes free keyboard :

Slide 20

Slide 20 text

ACCESSIBILITY CHECKLIST ▸ make sure to have enough contrast ▸ don’t rely only on color to signal error / success ▸ support sp fonts without breaking your layouts ▸ support display size changes ▸ make sure your touch targets are at least 48dp x 48dp ▸ provide content description ▸ make sure that the focus handling is correct