WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Questions on Grids

for

From: James Nurthen
Date: Oct 29, 2017 9:04PM


On Sun, Oct 29, 2017 at 3:50 PM, Brandon Keith Biggs <
<EMAIL REMOVED> > wrote:

> Hello,
>
> I am trying to figure out how grid tables work in HTML, aria and with
> screen readers, but I am running into some problems:
>
> I am following the examples from:
>
> https://www.w3.org/TR/wai-aria-practices/examples/grid/dataGrids.html#
>
>
>
> I would like to know if what I am seeing is a screen reader problem or my
> problem? I am using the latest NVDA with Firefox.
>
>
>
> 1. All the tables say 'editable-: 'table editable clickable with 7
> rows and 5 columns-. Why is it saying 'editable- contenteditable is not
> checked anywhere in the html.
>

Can you please log an issue against the authoring practices at
https://github.com/w3c/aria-practices/issues/
I believe these grids should have aria-readonly on them but it doesn't seem
to be set.


>
> 2. In the cells that have raw text in them, NVDA does not read
> anything when I enter edit mode and arrow over the top of the cell, other
> than the row or column name and number. But if there is a link, it is read.
> I can't get any links to read when I try this. I don't see the bit of code
> that allows the links to read here.
>

The cells should not be editable (other than 1 in the 2nd example) and this
only becomes editable after a user interaction. I don't believe edit mode
would normally be used here.


>
> 3. I tried converting the above examples to div elements with proper
> roles, but the behavior is slightly different. The table still says
> editable, but the data in the cells is read by NVDA. The problem is that
> the data is read 3 times such as: 'all the elements in the row, row number,
> header editable column 1 value-.
>
> 4. Also, why does tabindex 0 combined with a focus allow one to move
> around a table in edit mode?
>

I'm not sure I understand the question here. Focus is being controlled
using roaming tabindex in these examples.

>
>
>
> I can give some code examples, but I'm using react currently.
>
> Thanks,
>
>
> Brandon Keith Biggs <http://brandonkeithbiggs.com/>;
> > > > >