-
Notifications
You must be signed in to change notification settings - Fork 273
Accessibility Roles
Maciej Jastrzebski edited this page Sep 22, 2023
·
9 revisions
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" |
Element | Screen Reader |
---|---|
<View accessible /> |
(focus click) |
<View accessible accessibilityRole="none" /> |
(focus click) |
<Text accessibilityRole="none" /> |
(non-focusable sound) |
<Text /> |
(non-focusable sound) |
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" |
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" |
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" |
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" |