WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: ARIA Grid Discussion

for

From: Jim Homme
Date: Aug 6, 2018 2:09PM


Hi Dawn,
I want to get to the bottom of this. We use NVDA mostly in Firefox. I want to look at some code that produces these things. Does anyone know of samples to view?

Thanks.

Jim



==========
Jim Homme
Product Manager
Digital Accessibility
Bender Consulting Services
412-787-8567
https://www.benderconsult.com/our%20services/hightest-accessible-technology-solutions
People with disabilities, access job openings at https://www.benderconsult.com/careers/job-openings


-----Original Message-----
From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of Don Mauck
Sent: Monday, August 6, 2018 1:38 PM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] ARIA Grid Discussion

This becoming quite an issue with many of the Applications we use. Is this a case where JAWS just isn't handling the ARIA grid correctly, or is it Firefox or for that matter any Browser?

-----Original Message-----
From: Jonathan C. Cohn < <EMAIL REMOVED> >
Sent: Sunday, August 5, 2018 6:59 AM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] ARIA Grid Discussion

Makes sense, vut I was not able to get that to work when i tried three months ago.

Best wishes,

Jonathan Cohn

> On Aug 4, 2018, at 9:33 AM, Birkir R. Gunnarsson < <EMAIL REMOVED> > wrote:
>
> What about placing a div element around both tables, giving it a role
> of table, then use role="presentation" on the table elements.
> <div role="table">
> <table role=="presentation">
> <tr>
> <th>heading</th>
> </tr>
> ...
> </table>
> ...
> </div>
> Not sure if this works but technically the element with role="table
> now owns all the tr elements of the other two tables, so to a
> compliant assistive technology those look like a single table.
> I'd give it a 40/60 chance of working, but it would be an interesting
> experiment.
> That is, if I am understanding the problem correctly.
>
>
>> On 8/3/18, Jonathan Cohn < <EMAIL REMOVED> > wrote:
>> Ah, the wonderful floating table issues.
>>
>> We hide the 1column table and then have it in the main table but
>> hidden underneath the 1 column table
>>
>> I hope that makes sense. Though generally a table that is that big
>> gets very unwieldy for non screen reader users where they still have
>> to scan back to the first column to remember what they are looking at.
>>
>> In a lot of cases, one can have fewer columns and then a dialog or
>> separate window that can be brought up with all the details.
>>
>> Take care,
>>
>> Jonathan Cohn
>> .
>>> On Aug 3, 2018, at 3:20 PM, Jim Homme < <EMAIL REMOVED> > wrote:
>>>
>>> Hi,
>>> Just when you think you don't need to see a discussion, it comes up
>>> as a topic in testing after it has been talked about on list.
>>>
>>> I'm looking for info about making ARIA grids accessible.
>>> Specifically, to a screen reader it looks like we have a one row
>>> table followed by the rest of the table in a separate table. I want
>>> to understand what the issues are from a developer perspective. In
>>> otherwords, if the developer says something like "We are using this
>>> grid because it is responsive and we don't want to turn it into a
>>> single HTML table because it will break what we want it to do," how
>>> do I respond and show them they can have their cake and eat it too?
>>>
>>> Thanks.
>>>
>>> Jim
>>>
>>>
>>>
>>> ==========
>>> Jim Homme
>>> Product Manager
>>> Digital Accessibility
>>> Bender Consulting Services
>>> 412-787-8567
>>> https://urldefense.proofpoint.com/v2/url?u=https-3A__www.benderconsu
>>> lt.com_our-2520services_hightest-2Daccessible-2Dtechnology-2Dsolutio
>>> ns&d=DwICAg&c=RoP1YumCXCgaWHvlZYR8PZh8Bv7qIrMUB65eapI_JnE&r=EQ0xAgqx
>>> GediPFS2iJyMwtaJACO0PE04qO0-xFG1duE&m=cjuh6cWzOS6jn11cb_jJuoLyqjlLye
>>> IqkuxFxG_YqE8&s=6viYyu9xfsyXFBSmCXHK4NdFVSzoRImOBgOzy7_Pf2g&e=
>>> People with disabilities, access job openings at
>>> https://urldefense.proofpoint.com/v2/url?u=https-3A__www.benderconsu
>>> lt.com_careers_job-2Dopenings&d=DwICAg&c=RoP1YumCXCgaWHvlZYR8PZh8Bv7
>>> qIrMUB65eapI_JnE&r=EQ0xAgqxGediPFS2iJyMwtaJACO0PE04qO0-xFG1duE&m=cju
>>> h6cWzOS6jn11cb_jJuoLyqjlLyeIqkuxFxG_YqE8&s=j9TTn3gr6hijXMDhx0aEbFPG0
>>> AOCuxsMr1h7Huzk664&e=
>>>
>>>
>>> >>> >>> https://urldefense.proofpoint.com/v2/url?u=http-3A__list.webaim.org_
>>> &d=DwICAg&c=RoP1YumCXCgaWHvlZYR8PZh8Bv7qIrMUB65eapI_JnE&r=EQ0xAgqxGe
>>> diPFS2iJyMwtaJACO0PE04qO0-xFG1duE&m=cjuh6cWzOS6jn11cb_jJuoLyqjlLyeIq
>>> kuxFxG_YqE8&s=4ZdIBGZ2mgbZynYn9CYLhihY69mUkWdq3VG2CV7TlHw&e=
>>> List archives at
>>> https://urldefense.proofpoint.com/v2/url?u=http-3A__webaim.org_discu
>>> ssion_archives&d=DwICAg&c=RoP1YumCXCgaWHvlZYR8PZh8Bv7qIrMUB65eapI_Jn
>>> E&r=EQ0xAgqxGediPFS2iJyMwtaJACO0PE04qO0-xFG1duE&m=cjuh6cWzOS6jn11cb_
>>> jJuoLyqjlLyeIqkuxFxG_YqE8&s=BW6iDLlvuR06vwZVtV91j4W2X5j8MvFWn7ehEKC0
>>> ZKo&e= >>
>> >> >> https://urldefense.proofpoint.com/v2/url?u=http-3A__list.webaim.org_&
>> d=DwICAg&c=RoP1YumCXCgaWHvlZYR8PZh8Bv7qIrMUB65eapI_JnE&r=EQ0xAgqxGedi
>> PFS2iJyMwtaJACO0PE04qO0-xFG1duE&m=cjuh6cWzOS6jn11cb_jJuoLyqjlLyeIqkux
>> FxG_YqE8&s=4ZdIBGZ2mgbZynYn9CYLhihY69mUkWdq3VG2CV7TlHw&e=
>> List archives at
>> https://urldefense.proofpoint.com/v2/url?u=http-3A__webaim.org_discus
>> sion_archives&d=DwICAg&c=RoP1YumCXCgaWHvlZYR8PZh8Bv7qIrMUB65eapI_JnE&
>> r=EQ0xAgqxGediPFS2iJyMwtaJACO0PE04qO0-xFG1duE&m=cjuh6cWzOS6jn11cb_jJu
>> oLyqjlLyeIqkuxFxG_YqE8&s=BW6iDLlvuR06vwZVtV91j4W2X5j8MvFWn7ehEKC0ZKo&
>> e= >>
>
>
> --
> Work hard. Have fun. Make history.
> > > https://urldefense.proofpoint.com/v2/url?u=http-3A__list.webaim.org_&d
> =DwICAg&c=RoP1YumCXCgaWHvlZYR8PZh8Bv7qIrMUB65eapI_JnE&r=EQ0xAgqxGediPF
> S2iJyMwtaJACO0PE04qO0-xFG1duE&m=cjuh6cWzOS6jn11cb_jJuoLyqjlLyeIqkuxFxG
> _YqE8&s=4ZdIBGZ2mgbZynYn9CYLhihY69mUkWdq3VG2CV7TlHw&e=
> List archives at
> https://urldefense.proofpoint.com/v2/url?u=http-3A__webaim.org_discuss
> ion_archives&d=DwICAg&c=RoP1YumCXCgaWHvlZYR8PZh8Bv7qIrMUB65eapI_JnE&r=
> EQ0xAgqxGediPFS2iJyMwtaJACO0PE04qO0-xFG1duE&m=cjuh6cWzOS6jn11cb_jJuoLy
> qjlLyeIqkuxFxG_YqE8&s=BW6iDLlvuR06vwZVtV91j4W2X5j8MvFWn7ehEKC0ZKo&e=
>