accessibilityState props not applied in Web rendering (FAB)

[shiwofeiwo]

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?

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

[lukewalczak]

Hey @shiwofeiwo, starting from version 0.18, react-native-web no longer supports accessibility* props. Instead, it recommends using aria-* props, which work consistently across both web and mobile platforms.

[shiwofeiwo]

Hey @shiwofeiwo, starting from version 0.18, react-native-web no longer supports accessibility* props. Instead, it recommends using aria-* props, which work consistently across both web and mobile platforms.

Thanks a lot for the reply! That really helped clear up my confusion about the accessibility props. Appreciate your help! 🙏