Skip to content

Accessibility Roles

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

Default View role

iOS

ElementTraitsLabelScreen 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

ElementScreen 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

ElementTraitsLabelScreen Reader
<Text>Hello</Text>Static TextHello"Hello"
<Text accessibilityRole="text">Hello</Text>Static TextHello"Hello"
<View accessible accessibilityRole="text" accessibilityLabel="Hello" />Static TextHello"Hello"
<View accessible accessibilityLabel="Hello" />(empty)(none)"Hello"

Android

ElementScreen 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

ElementTraitsLabelScreen 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

ElementScreen 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