WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Table with hidden first column


From: Don Mauck
Date: Oct 29, 2018 9:21AM

Are you wanting to use that hidden column as your row header? I can tell that using a row number as a row header would drive screen reader users, crazy. Developers here tried that and I got so many complaints that I'm having UIX teams rethink that. The other question I have is what does the visual user see?

-----Original Message-----
From: Isabel Holdsworth < <EMAIL REMOVED> >
Sent: Monday, October 29, 2018 8:43 AM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] Table with hidden first column

Would role="presentation" work?

Just out of interest, could it cause confusion if you hide some visual information from screenreaders if, for example, a screenreader user is collaborating with someone who can see the screen?

On 29/10/2018, R.U. Steinberg < <EMAIL REMOVED> > wrote:
> I have a table where visually I want to display a first column with
> row numbers. At the same time, I want to hide that column from screen readers.
> I don't even want screen readers to announce it in its count of the
> number of columns. Is there a method that will work for JAWS, NVDA, and VoiceOver?
> JAWS likes aria-hidden="true" but not other screen readers.
> https://urldefense.proofpoint.com/v2/url?u=https-3A__codepen.io_rustei
> nberg_pen_MPRrQE&d=DwIGaQ&c=RoP1YumCXCgaWHvlZYR8PZh8Bv7qIrMUB65eapI_Jn
> E&r=EQ0xAgqxGediPFS2iJyMwtaJACO0PE04qO0-xFG1duE&m=Gfcd0BaYfR77D2nfDeI7
> G3Ghe2_ur7LQpfdbFhNQ5QA&s=yr4Gshy8ZJzbSGZnJSeZYZD8AQTzyBAOyCUsw3Bo1kg&
> e= > > https://urldefense.proofpoint.com/v2/url?u=http-3A__list.webaim.org_&d
> =DwIGaQ&c=RoP1YumCXCgaWHvlZYR8PZh8Bv7qIrMUB65eapI_JnE&r=EQ0xAgqxGediPF
> S2iJyMwtaJACO0PE04qO0-xFG1duE&m=Gfcd0BaYfR77D2nfDeI7G3Ghe2_ur7LQpfdbFh
> NQ5QA&s=w1IX1l-FFt0B0vSZk8FyBMEk3YC_spYg9SJl3KB9MS8&e> List archives at
> https://urldefense.proofpoint.com/v2/url?u=http-3A__webaim.org_discuss
> ion_archives&d=DwIGaQ&c=RoP1YumCXCgaWHvlZYR8PZh8Bv7qIrMUB65eapI_JnE&r> EQ0xAgqxGediPFS2iJyMwtaJACO0PE04qO0-xFG1duE&m=Gfcd0BaYfR77D2nfDeI7G3Gh
> e2_ur7LQpfdbFhNQ5QA&swpL0oOho5k5Zano8Z39LVFMJuqdhHOjsCI-YU8an0&e> >