WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Turning in/off inaccessible feature

for

From: Birkir R. Gunnarsson
Date: Sep 16, 2019 6:35AM

You can hack the heck out of it with ARIA.
role="table"
role="row"
role="rowheader"
role="columnheader"
role="cell"

You can probably somehow fit these over your table in pinned mode, but
I think if there is a single button with clear wording about
functionality that you wouldn't have to.



On 9/15/19, Jonathan Cohn < <EMAIL REMOVED> > wrote:
> I would agree, but we found no good way of doing this with HTML and CSS
> without a miserable hack of actually having two or three tables and using
> CSS z index to slide the true data under the table headers. When the button
> to turn on accessibility is checked, the entire thing is replaced with a
> single table that follows accessibility best practices.
> If CSS / HTML tables had a way to mark certain columns as floating when
> scrolling, or if clients would allow only tables that fit on screen, then
> this mess could be avoided.
>
> Best wishes,
>
> Jonathan Cohn
>
>
>
>> On Sep 13, 2019, at 5:50 PM, Lucy GRECO < <EMAIL REMOVED> > wrote:
>>
>> Having the ability to turn off the column might be useful for more people
>> than just screen reader users however it really goes against my instinct
>> to
>> come up with an alternative format just for screen reader users
>>
>> On Fri, Sep 13, 2019, 2:36 PM glen walker < <EMAIL REMOVED> > wrote:
>>
>>> I'm guessing the pinning of the column effectively takes that column out
>>> of
>>> the table so that you can scroll the rest of it. I tried playing with a
>>> simple example to visually hide the table column but leave it in the
>>> table
>>> but my 5 min attempts didn't work. But I think the idea is worth
>>> pursuing. I also tried the headers attribute on the <td> but didn't
>>> have
>>> much luck with that either. But as mentioned, it was a quick test and
>>> only
>>> tried NVDA on firefox.
>>> >>> >>> >>> >>>
>> >> >> >> >
> > > > >


--
Work hard. Have fun. Make history.