TalkBack
VoiceOver
Accessibility
Process
Process
Accessible from the start
Plan for accessibility when designing & developing the solution.
Ideally accessbility shouldn’t require alot
Accessibility shoudn’t be something you need to custumize alot to get it right.
It should be abstracted away
We should strive to have accessibility abstracted away to reduce redundant work.
Process
Process
Navigating & debugging
Navigating & debugging
Activation and setup
Enabling and adjust the screen read with correct language settings is important.
Learn the gestures
Accessibility Inspector is debugging tool that allows you to check accessibility related information from elements.
Debugging when developing
Using accessibility requires basic knowledge of the gestures used for navigation.
Process
Navigating & debugging
Process
Navigating & debugging
Make accessible features
Make accessible features

Make accessible features

- Interactable element (accessbilityRole:button)
- Combined readout “Lønkonto 21.605,70 TIL rådighed 31.605,70. Button.
Make accessible features

Make accessible features

Make accessible features

- Interactable element (accessbilityRole:button)
- Combined readout “Lønkonto 21.605,70 9999 1111111111 til rådighed 31.605,70. Button".
- "9999 111111111" & "21.605,70" is both easy to understand with the context and composition of elements. However, with no visual composition these information can be difficult to understand. For that reason accessibility labels would be useful here.
Make accessible features

Make accessible features

Make accessible features

Make accessible features

Make accessible features

Make accessible features

- Adds context to the following elements
Make accessible features

Make accessible features

Make accessible features

Make accessible features

Make accessible features

Make accessible features

Make accessible features

Process
Navigating & debugging
Make accessible features
Process
Navigating & debugging
Make accessible features
Developing for accessibility
Developing for accessibility
-
Override default readouts
-
Translating accessibility labels
-
Formatting currencies
- Accessibility conditional UI
Accessibility Guidelines
Process
Navigating & debugging
Make accessible features
Developing for accessibility
Process
Navigating & debugging
Make accessible features
Developing for accessibility
Questions
Questions
- Dialog, Toast from DB-UI
- TopBar needs accessibility properties
- Expected behaviour when transitioning between screens
- How to manage WebView content
- Extend usage of AccessibilityHints
- Other questions?
Process
Navigating & debugging
Make accessible features
Developing for accessibility
Questions
Process
Navigating & debugging
Make accessible features
Developing for accessibility
Questions
Thanks for your attention 🥱🤫
Accessibility
By thupi
Accessibility
- 155