Skip to content

accessibilityState props not applied in Web rendering (FAB) #4705

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
shiwofeiwo opened this issue Apr 29, 2025 · 0 comments
Open

accessibilityState props not applied in Web rendering (FAB) #4705

shiwofeiwo opened this issue Apr 29, 2025 · 0 comments
Assignees
Milestone

Comments

@shiwofeiwo
Copy link

Description:

When using the FAB component from React Native Paper and providing an accessibilityState prop (e.g. { disabled: false, selected: true, busy: true, expanded: true }), the expected ARIA attributes (e.g. aria-selected, aria-busy, aria-expanded) do not appear in the rendered HTML on web (via React Native Web).

This breaks expected accessibility behavior for screen readers on web.

Current behaviour

These ARIA attributes are missing in the rendered output.

Expected behaviour

On Web, accessibilityState should be correctly mapped to corresponding ARIA attributes according to React Native Web's behavior.

How to reproduce?

Image

Preview

What have you tried so far?

Your Environment

software version
ios x
android x
react-native x.x.x
react-native-paper x.x.x
node x.x.x
npm or yarn x.x.x
expo sdk x.x.x
@shiwofeiwo shiwofeiwo added the bug label Apr 29, 2025
@lukewalczak lukewalczak added this to the 6.0.0 milestone May 5, 2025
@lukewalczak lukewalczak self-assigned this May 5, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants