Skip to content

Accessibility Roles

Maciej Jastrzebski edited this page Sep 22, 2023 · 9 revisions

Default `View` role

iOS

Element	Traits	Label	Screen Reader
`<View accessible />`	(empty)	(none)	"Description for element unavailable"
`<View accessible accessibilityRole="none" />`	(empty)	(none)	"Description for element unavailable"
`<Text accessibilityRole="none" />`	(empty)	(empty string)	"Description for element unavailable"
`<Text />`	Static Text	(empty string)	"Description for element unavailable"

Android

Element	Screen Reader
`<View accessible />`	(focus click)
`<View accessible accessibilityRole="none" />`	(focus click)
`<Text accessibilityRole="none" />`	(non-focusable sound)
`<Text />`	(non-focusable sound)

Default `Text` role

iOS

Element	Traits	Label	Screen Reader
`<Text>Hello</Text>`	Static Text	Hello	"Hello"
`<Text accessibilityRole="text">Hello</Text>`	Static Text	Hello	"Hello"
`<View accessible accessibilityRole="text" accessibilityLabel="Hello" />`	Static Text	Hello	"Hello"
`<View accessible accessibilityLabel="Hello" />`	(empty)	(none)	"Hello"

Android

Element	Screen Reader
`<Text>Hello</Text>`	"Hello"
`<Text accessibilityRole="text">Hello</Text>`	"Hello"
`<View accessible accessibilityLabel="Hello" />`	"Hello"
`<View accessible accessibilityRole="text" accessibilityLabel="Hello" />`	"Hello"

Default `TextInput` role

iOS

Element	Traits	Label	Screen Reader
`<TextInput value="Hello">`	(empty)	(none)	"Hello"
`<TextInput accessbilityRole="none" value="Hello">`	(empty)	(none)	"Hello"
`<TextInput accessbilityRole="text" value="Hello">`	(empty)	(none)	"Hello"
`<TextInput accessbilityRole="search" value="Hello">`	Search Field	(none)	"Hello - Search Field"

Android

Element	Screen Reader
`<TextInput value="Hello">`	"Hello - Edit Box"
`<TextInput accessbilityRole="none" value="Hello">`	"Hello"
`<TextInput accessbilityRole="text" value="Hello">`	"Hello"
`<TextInput accessbilityRole="search" value="Hello">`	"Hello - Edit Box"

Clone this wiki locally