React NativeAccessibility (a11y)

85 items

1

accessibilityActions for Custom Gestures

Slides / Video
2

Testing Accessibility Tools

Slides / Video
3

Semantic Role for a Pressable

Code Quiz
4

Hiding a Background View (iOS)

Code Quiz
5

Labeling TextInput for Accessibility

Slides / Video
6

accessibilityLiveRegion on Android

Slides / Video
7

Color Contrast and Not Relying on Color Alone

Slides / Video
8

Respecting Reduce Motion Preferences

Slides / Video
9

Dynamic Font Scaling & allowFontScaling

Slides / Video
10

Accessible Touch Target Sizing

Slides / Video
11

Announcing Dynamic Changes

Slides / Video
12

Detecting Screen Readers at Runtime

Slides / Video
13

Managing Focus with AccessibilityInfo

Slides / Video
14

Hiding Elements from Screen Readers

Slides / Video
15

Screen Readers: VoiceOver and TalkBack

Slides / Video
16

accessibilityValue for Ranges and Sliders

Slides / Video
17

accessibilityState for Element State

Slides / Video
18

accessibilityRole for Element Semantics

Slides / Video
19

Associating a Label on Android

Code Quiz
20

accessibilityActions prop

Flashcard
21

accessibilityHint for Action Descriptions

Slides / Video
22

accessibilityLabel for Screen Reader Text

Slides / Video
23

Grouping Elements with accessible

Slides / Video
24

Hiding Descendants on Android

Code Quiz
25

Hint Describing an Action

Code Quiz
26

State for a Toggle Switch

Code Quiz
27

Descriptive Label for an Icon

Code Quiz
28

Grouping Elements with accessible

Code Quiz
29

Value for a Slider Range

Code Quiz
30

Why Accessibility Matters in Apps

Slides / Video
31

accessibilityLiveRegion Basics

Quiz
32

Decorative Images And A11y

Quiz
33

Reduce Motion Detection

Quiz
34

Listening For Screen Reader Changes

Quiz
35

importantForAccessibility On Android

Quiz
36

TalkBack Vs VoiceOver

Quiz
37

Single Focus For Groups

Quiz
38

accessibilityState For States

Quiz
39

Accessible Custom Pressables

Quiz
40

announceForAccessibility Usage

Quiz
41

accessibilityViewIsModal Behavior

Quiz
42

accessibilityValue For Sliders

Quiz
43

Custom accessibilityActions

Quiz
44

Programmatic Accessibility Focus

Quiz
45

Using accessibilityHint

Quiz
46

Detecting Screen Reader State

Quiz
47

testID Vs accessibilityLabel

Quiz
48

Respecting Font Scaling

Quiz
49

accessibilityElementsHidden On iOS

Quiz
50

Minimum Touch Target Size

Quiz
51

accessibilityLabel Purpose

Quiz
52

Color Contrast Considerations

Quiz
53

Grouping With accessible Prop

Quiz
54

accessibilityRole Meaning

Quiz
55

Grouping Text into One Announcement

Code Quiz
56

Adjustable Role for a Stepper

Code Quiz
57

Detecting Reduce Motion

Code Quiz
58

Expanding a Tiny Touch Target

Code Quiz
59

Handling Accessibility Actions

Code Quiz
60

Modal Isolation on iOS

Code Quiz
61

Live Region Announcement Value

Code Quiz
62

Subscribing to Reader Changes

Code Quiz
63

Custom Accessibility Tap Handler

Code Quiz
64

Setting Accessibility Focus

Code Quiz
65

Announce For Accessibility Call

Code Quiz
66

Checking Screen Reader Status

Code Quiz
67

accessibilityHint

Flashcard
68

accessibilityLabel

Flashcard
69

Touch target size

Flashcard
70

Grouping with accessible container

Flashcard
71

Setting accessibility focus

Flashcard
72

accessibilityViewIsModal

Flashcard
73

Hiding elements from assistive tech

Flashcard
74

AccessibilityInfo API

Flashcard
75

announceForAccessibility

Flashcard
76

Respecting reduced motion

Flashcard
77

Dynamic Type and allowFontScaling

Flashcard
78

accessibilityLabelledBy

Flashcard
79

accessibilityLiveRegion

Flashcard
80

accessibilityValue

Flashcard
81

accessibilityState

Flashcard
82

accessibilityRole

Flashcard
83

The accessible prop

Flashcard
84

Color contrast

Flashcard
85

VoiceOver vs TalkBack

Flashcard
Code QuizIntermediate

Modal Isolation on iOS

Correcting a misspelled prop for VoiceOver modal isolation.

Codejavascript
function Dialog() {
  return (
    <View accessibilityIsModal={true}>
      <Text>Confirm your choice</Text>
    </View>
  );
}

Why does VoiceOver still read content behind this dialog?