[Accessibility] "Ensure elements with ARIA role that require child roles contain them"

[vasanthkumar258]

Check that this is really a bug

• I confirm

Reproduction link

https://lmwkj3.csb.app/

Bug description

Testing the app with Accessibility Insights for Web resulted in errors. Observed same with Playwright-axe as well.

Expected Behavior

No accessibility issues should be reported

Actual Behavior

Accessibility issues are observed

react-big-calendar version

1.9.1

React version

18.2.0

Platform/Target and Browser Versions

Edge - 121.0.2277.112

Validations

• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a react-big-calendar issue and not an implementation issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

[cutterbl]

@vasanthkumar258 Thank you for pointing out an issue. That said, I can't see all of the output there. The 'How to fix' section is covered. Which aria bit requires children, and what are the required children?

[vasanthkumar258]

Sorry for delayed response..

IN the below image, under role="row", we have divs without any role but have tabindex. usually role="row" expects role"cell" as child. Also I hope we dont need any tabindex there.. if needed, please add any appropriate role for that..

[vasanthkumar258]

@cutterbl, Thanks for the fix, but observed similar issue when we are having a show more button..

Issue - div[role="row"] is having button[tabindex]

Possible fix - We need to add role="cell" to the parent div of the "Show more" button