Card View Accessibility: ARIA role gridcell is not allowed for given element about react-spectrum HOT 3 OPEN

Hello, @snowystinger! I am sossost, a new contributor. Can I resolve this issue??

from react-spectrum.

Go for it

from react-spectrum.

This is classified by Deque as a best practice rule: https://dequeuniversity.com/rules/axe/4.8#best-practices-rules.
It should be noted that our Digital Accessibility Guide - Comprehensive Testing guidance recommends running aXe with best practices ‘OFF’: https://accessibility.corp.adobe.com/testing/web/manual_checklist/#running-axe-devtools.

This is not a false positive, because article does not technically accept the widget role of gridcell, per the Document conformance requirements for use of ARIA attributes in HTML. The use of article for a Card would make more sense when if we were implementing the WAI-ARIA feed design pattern, which behaves similarly to a grid, but expects children of the role="feed" to have role="article". Making the change to use feed rather than grid might affect behaviors like item selection and how a Windows screen reader shifts into and out of forms mode.

While the impact on accessibility caused by using the gridcell role on an article within a grid is low, it might be better to use a generic div instead of article . That way we could use either role="gridcell" or role=article depending on the context.

from react-spectrum.