Chrome is currently too strict at dealing with ARIA grids in the event of an authoring error.
A correct grid should look like this:
<div role="grid">
<div role="row">
<div role="gridcell">A1</div>
<div role="gridcell">B1</div>
</div>
<div role="row">
<div role="gridcell">A2</div>
<div role="gridcell">B2</div>
</div>
</div>
However, authors sometimes make the following errors:
* Extra wrapping elements between the grid and the row
* Extra wrapping elements between the row and the gridcell
* Extra content inside of the grid that's not in a gridcell.
Currently Chrome drops content from grids that's malformed in this way, which is really bad!
We need to fix that.
Some real sites that exhibit this behavior now (may change):
1. http://youtube.com/tv (not intended to be used in a desktop browser, but nevertheless demonstrates this bug) - try to navigate through the shows/movies using a screen reader
2. Quickbooks Online: log into Quickbooks then select Customers, then try to navigate through the content using a screen reader
3. Amazon - this page has an ARIA grid that Chrome drops most or all content from: https://www.amazon.com/gp/offer-listing/B01IENFJ14/ref=sr_1_1_olp?ie=UTF8qid=1500932409sr=8-1keywords=dyson+v8+absolute
Comment 1 by dmazz...@chromium.org
, Aug 16 20172.5 KB
2.5 KB View Download