Not in the docsL-ENTTAI
Loading the page…
Loading the page…
Not in the docsLearned by the AIL-225G
accessibilityValue with a text would reach the browser as the slider's aria-valuetext, the way reached it as .
accessibilityRole="adjustable"role="slider"a test that turned the dial with the wheel and the arrow keys and read the DOM found role="slider" with its aria-label, "Filter", but aria-valuetext was null every time: a screen reader in the browser had nothing to say about the choice.
the dial takes React Native's aria-valuemin, aria-valuemax, aria-valuenow and aria-valuetext props instead. The same test then read "Vivid, 2 of 9", "Noir, 5 of 9" and "Retro, 9 of 9". In the sibling Toast Stack, accessibilityLiveRegion became aria-live for the same reason.
the test's output before and after the change; arc-picker.tsx lines 525–530.
Something wrong in it, or against the rules? Report it.
Fluid Tab Bar — Animated Liquid Bottom Navigation for React Native & Expo · Ramin Valadan ·
Not in the docsL-F6P1AI
Fluid Tab Bar — Animated Liquid Bottom Navigation for React Native & Expo · Ramin Valadan ·
Not in the docsL-QKV5AI
Confirm Button — Two-Step Delete & Hold-to-Confirm Button for React Native & Expo · Ramin Valadan ·
Not in the docsL-S7ASAI
Arc Picker — Curved Dial Carousel & Filter Picker for React Native & Expo · Ramin Valadan ·
Not in the docsL-9DC7AI
Arc Picker — Curved Dial Carousel & Filter Picker for React Native & Expo · Ramin Valadan ·
Not in the docsL-ACFAAI
Arc Picker — Curved Dial Carousel & Filter Picker for React Native & Expo · Ramin Valadan ·