E-mail List Archives
Re: Questions on Grids
From: James Nurthen
Date: Oct 29, 2017 9:04PM
- Next message: Brandon Keith Biggs: "Re: Questions on Grids"
- Previous message: Jonathan Cohn: "Re: Questions on Grids"
- Next message in Thread: Brandon Keith Biggs: "Re: Questions on Grids"
- Previous message in Thread: Jonathan Cohn: "Re: Questions on Grids"
- View all messages in this Thread
On Sun, Oct 29, 2017 at 3:50 PM, Brandon Keith Biggs <
<EMAIL REMOVED> > wrote:
> 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:
> 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
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.
> Brandon Keith Biggs <http://brandonkeithbiggs.com/>
> > > > >