84 items
Testing Accessibility Tools
Slides / VideoHiding a Background View (iOS)
Code QuizSemantic Role for a Pressable
Code QuizLabeling TextInput for Accessibility
Slides / VideoaccessibilityLiveRegion on Android
Slides / VideoColor Contrast and Not Relying on Color Alone
Slides / VideoRespecting Reduce Motion Preferences
Slides / VideoDynamic Font Scaling & allowFontScaling
Slides / VideoAccessible Touch Target Sizing
Slides / VideoAnnouncing Dynamic Changes
Slides / VideoDetecting Screen Readers at Runtime
Slides / VideoManaging Focus with AccessibilityInfo
Slides / VideoHiding Elements from Screen Readers
Slides / VideoScreen Readers: VoiceOver and TalkBack
Slides / VideoaccessibilityValue for Ranges and Sliders
Slides / VideoaccessibilityState for Element State
Slides / VideoaccessibilityRole for Element Semantics
Slides / VideoAssociating a Label on Android
Code QuizaccessibilityActions prop
FlashcardaccessibilityHint for Action Descriptions
Slides / VideoaccessibilityLabel for Screen Reader Text
Slides / VideoGrouping Elements with accessible
Slides / VideoState for a Toggle Switch
Code QuizHint Describing an Action
Code QuizHiding Descendants on Android
Code QuizValue for a Slider Range
Code QuizGrouping Elements with accessible
Code QuizDescriptive Label for an Icon
Code QuizWhy Accessibility Matters in Apps
Slides / VideoReduce Motion Detection
QuizListening For Screen Reader Changes
QuizSingle Focus For Groups
QuizaccessibilityState For States
QuizAccessible Custom Pressables
QuizannounceForAccessibility Usage
QuizaccessibilityViewIsModal Behavior
QuizCustom accessibilityActions
QuizProgrammatic Accessibility Focus
QuizUsing accessibilityHint
QuizDetecting Screen Reader State
QuizTalkBack Vs VoiceOver
QuizimportantForAccessibility On Android
QuizDecorative Images And A11y
QuizaccessibilityLabel Purpose
QuizGrouping With accessible Prop
QuizaccessibilityValue For Sliders
QuizaccessibilityLiveRegion Basics
QuizColor Contrast Considerations
QuizaccessibilityElementsHidden On iOS
QuiztestID Vs accessibilityLabel
QuizRespecting Font Scaling
QuizaccessibilityRole Meaning
QuizMinimum Touch Target Size
QuizGrouping Text into One Announcement
Code QuizDetecting Reduce Motion
Code QuizExpanding a Tiny Touch Target
Code QuizAdjustable Role for a Stepper
Code QuizCustom Accessibility Tap Handler
Code QuizSetting Accessibility Focus
Code QuizSubscribing to Reader Changes
Code QuizChecking Screen Reader Status
Code QuizAnnounce For Accessibility Call
Code QuizLive Region Announcement Value
Code QuizModal Isolation on iOS
Code QuizHandling Accessibility Actions
Code QuizHiding elements from assistive tech
FlashcardaccessibilityValue
FlashcardVoiceOver vs TalkBack
FlashcardColor contrast
FlashcardThe accessible prop
FlashcardaccessibilityState
FlashcardAccessibilityInfo API
FlashcardannounceForAccessibility
FlashcardRespecting reduced motion
FlashcardDynamic Type and allowFontScaling
FlashcardaccessibilityLabelledBy
FlashcardaccessibilityLiveRegion
FlashcardaccessibilityRole
FlashcardaccessibilityViewIsModal
FlashcardSetting accessibility focus
FlashcardGrouping with accessible container
FlashcardTouch target size
FlashcardaccessibilityLabel
FlashcardaccessibilityHint
FlashcardSemantic Role for a Pressable
Spot the invalid accessibility role that stops a Pressable from being announced as a button.
import { Pressable, Text } from 'react-native';
function SaveButton({ onSave }) {
return (
<Pressable
onPress={onSave}
accessibilityRole="press"
accessibilityLabel="Save"
>
<Text>Save</Text>
</Pressable>
);
}What is the bug preventing this from being announced correctly by a screen reader?