WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Table with hidden first column

for

From: R.U. Steinberg
Date: Oct 29, 2018 9:49AM


Don, imagine this is a table with hundreds of rows, like a list of names or
accounts. The row number would obviously be a good visual queue. I was just
thinking if a screen reader was already telling users what row they're on,
would I need a column dedicated to just the row number?

If I was navigating an Excel spreadsheet, I'd know through screen reader I
if I was in the A column, that's the first column. Visually you can see the
row numbers. As I down arrow in column A, screen readers will tell you what
cell you're in, but do they announce that cell A100 is row 100?

Just trying to see if I can replicate that sort of user experience for an
HTML table.

On Mon, Oct 29, 2018 at 10:21 AM Don Mauck < <EMAIL REMOVED> > wrote:

> 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> > > >
> > > https://urldefense.proofpoint.com/v2/url?u=http-3A__list.webaim.org_&d=DwIGaQ&c=RoP1YumCXCgaWHvlZYR8PZh8Bv7qIrMUB65eapI_JnE&r=EQ0xAgqxGediPFS2iJyMwtaJACO0PE04qO0-xFG1duE&m=Gfcd0BaYfR77D2nfDeI7G3Ghe2_ur7LQpfdbFhNQ5QA&s=w1IX1l-FFt0B0vSZk8FyBMEk3YC_spYg9SJl3KB9MS8&e> List archives at
> https://urldefense.proofpoint.com/v2/url?u=http-3A__webaim.org_discussion_archives&d=DwIGaQ&c=RoP1YumCXCgaWHvlZYR8PZh8Bv7qIrMUB65eapI_JnE&r=EQ0xAgqxGediPFS2iJyMwtaJACO0PE04qO0-xFG1duE&m=Gfcd0BaYfR77D2nfDeI7G3Ghe2_ur7LQpfdbFhNQ5QA&swpL0oOho5k5Zano8Z39LVFMJuqdhHOjsCI-YU8an0&e> > > > > >