Elements with role "gridcell" must be contained in an element with the role "row"

[dana-ross]

Describe the bug

Accessibility Insights reports an issue with Masonic's accessibility markup.

Masonic assigns a WAI-ARIA role of grid to the container, and a role of gridcell to each individual cell. However, per W3C there needs to be an element with role "row" around each visual row of cells:

Authors MUST ensure elements with role gridcell are contained in, or owned by, an element with the role row.

To Reproduce
Run an Accessibility Insights FastPass scan on a web page using Masonic (the codesandbox demo works if you enable additional permissions for the extension to see the iframe). The error will be listed under "aria-required-parent".

Expected behavior
A Masonic grid should contain standards-compliant markup which passes an accessibility scan.

Screenshots
n/a

Desktop (please complete the following information):

• OS: n/a
• Browser n/a
• Version n/a

Smartphone (please complete the following information):

• Device: n/a
• OS: n/a
• Browser n/a
• Version n/a

Additional context
n/a

[dana-ross]

I was able to work around this in our application by setting role="list" on the <Masonry> tag which is fine for us

[jaredLunde]

Feel free to submit a PR 😃