Android Accessibility

DO or DO

@GlafiraZhur for the Accessibility Club Summit

June 2024

Glafira Zhur

Twitter: @glafirazhur

LinkedIn: glafira-zhur 

Accessibility Project Manager

 

 

         GDE for Web

 

 

Accessibility Club Minsk

Accessibility Unity

https://accessibilityunity.com/

@a11yminsk

@MinskCSS, @MinskJS, @peredelanoConf

PC Member

@glafirazhur

@glafirazhur

Unlabelled

Double-tap to activate

Unlabelled

Double-tap to activate

Unlabelled

Double-tap to activate

Glafira

Currently learning

Current, 0

disabled

Previous record, 41

disabled

Streak calendar

Double-tap to activate

Home

Double-tap to activate

Explore

Double-tap to activate

Challenges

Double-tap to activate

Profile

Double-tap to activate

Streak

@glafirazhur

Unlabelled

Double-tap to activate

Unlabelled

Double-tap to activate

Unlabelled

Double-tap to activate

Glafira

Currently learning

Current, 0

disabled

Previous record, 41

disabled

Streak calendar

Double-tap to activate

Home

Double-tap to activate

Explore

Double-tap to activate

Challenges

Double-tap to activate

Profile

Double-tap to activate

Streak

@glafirazhur

https://appt.org/

5 million users

by Appt Foundation

Accessibility Settings

@glafirazhur

63%

26%

have at least one setting turned on

have at least two settings turned on

Screen Reader

@glafirazhur

0.01%

use Talkback on Android

@glafirazhur

Turn on TalkBack

@glafirazhur

TalkBack → Settings →

Advanced Settings → Developer Settings

Turn on speech output

@glafirazhur

Current language: English

Double-tap to activate

Settings

Double-tap to activate

Double-tap to activate

Button

Button

Button

Language Level 1

Unlabelled

Unlabelled

Unlabelled

@glafirazhur

Double-tap to activate

Settings

Button

IconButton(onClick = { /* doSomething() */ }) {
    Icon(
    	Icons.Outlined.Settings, 
    	contentDescription = "Settings"
    )
}

Don't use contentDescription

for items that have visible text

‼️

@glafirazhur

Glafira

Heading

Currently learning: Korean, Thai, English

Premium

Previous record: 41 days

disabled

Streak

Heading

Current: 0 days

disabled

Display size and text

@glafirazhur

Display Size

@glafirazhur

Text Size

Font Size

@glafirazhur

24%

use larger size

13%

use smaller size

Font Size

Elements are going out of the container

@glafirazhur

Font Size

Elements can not be used because of the overflow

@glafirazhur

Display Size

@glafirazhur

16%

use a bigger display size

Display Size

In most cases,

nothing is broken

@glafirazhur

Display Size

Sometimes it feels like an essential feature 😅

@glafirazhur

@glafirazhur

Magnification

@glafirazhur

0.56%

torn on magnification

How to support Font size and Display size

@glafirazhur

✅  Font size 200%

✅  Support zoom (up to 400%)

✅ Use sp (scale-independent) units for font size

✅ Use dp (density-independent) units for layout

✅ Do not limit the height of the elements

Dimentions

Design

Development

WCAG 2.2 Resize Text

WCAG 2.2 Reflow

Accessibility Scanner

@glafirazhur

@glafirazhur

Collect your own data

@glafirazhur

Build accessible apps

Build accessible apps

Glafira Zhur

Twitter: @glafirazhur

Thank you!

Learn accessibility!

https://slides.com/glafirazhur/android-a11y-acs

Made with Slides.com