Skip to content

Commit

Permalink
[IOPID-1531] fix radio button accessibility on android (#278)
Browse files Browse the repository at this point in the history
## Short description
add `importantForAccessibility="no-hide-descendants"` to read correctly
on Android the accessibility label

## DEMO A11Y 
> [!Important]
> On iOS the accessibility was read correctly and there was no
regression, so there is no video

<p>

| 🤖 Android OLD 🤖 |🤖 Android NEW 🤖 |
| - | - |
| <video
src="https://github.com/pagopa/io-app-design-system/assets/83651704/2853912f-0bba-42f9-94e0-c415efe1a9f5"/>
| <video
src="https://github.com/pagopa/io-app-design-system/assets/83651704/29c24245-7712-451b-8c3b-4985c0f6ddf1"/>
|

</p>
  • Loading branch information
Ladirico authored Jun 5, 2024
1 parent d6f5f97 commit 6de474c
Showing 1 changed file with 4 additions and 1 deletion.
5 changes: 4 additions & 1 deletion src/components/listitems/ListItemRadio.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -274,7 +274,10 @@ export const ListItemRadio = ({
</H6>
</View>
<HSpacer size={8} />
<View pointerEvents="none">
<View
pointerEvents="none"
importantForAccessibility="no-hide-descendants"
>
<AnimatedRadio checked={selected ?? toggleValue} />
</View>
</View>
Expand Down

0 comments on commit 6de474c

Please sign in to comment.