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"