WebAIM - Web Accessibility In Mind

E-mail List Archives

Any ARIA conforming tab panels out there in the wild?

for

From: Detlev Fischer
Date: Jun 25, 2018 3:30AM

Hi,

I have now checked both examples of tab panels that use ARIA markup
provided. (For context: I am looking for an example to record a short
screencast showing a desirable screen reader interaction.)

Thanks again to Glen and Léonie for providing the tab panel examples.

The problem with the second, very simple tab panel on UK Government site
is that in NVDA / Firefox, the number of tabs is not announced (it says
"eins von eins" / "one of one", although there are two tabs) - so this
is not ideal. I thought it might be down to not having role="none" on
the li elements and changed that in the developer tools, but that didn't
change the behaviour. Maybe the role "tablist" should not be placed on
the ul element but on an enclosing div? (I'll send this to the
accessibility team of gov.uk as well, maybe they have an answer.)

So asking again: does anyone on this list know of still another good
production type example (i.e., not a best practice code example) out
there, preferably less graphic-rich and complex as Glen's example?

Best,

Detlev


Am 19.05.2018 um 13:58 schrieb Léonie Watson:
> The website of the UK Government uses tabpanels. An example of their
> implementation is here:
> https://www.gov.uk/apply-renew-passport
>
>
> Léonie.
>
> On 18/05/2018 21:14, glen walker wrote:
>> Discussing the tab control is a fascinating subject.  Truly.  But we're
>> getting off topic.  The original question was for an example that
>> implemented the authoring practice's recommendation, which I posted.
>>
>> If we want to talk about improvements to the tab control, we can
>> certainly
>> start another thread.
>>
>> With regards to Birkir's tab comments, he was involved with 3 others
>> in a
>> rebuttal type blog post regarding the tab control.  You can read that at
>> https://medium.theuxblog.com/danger-testing-accessibility-with-real-people-4515f72db648
>>
>>
>> With regards to the aria-controls article, that is at
>> http://www.heydonworks.com/article/aria-controls-is-poop
>>
>> With regards to JAWS mapping tabs to a combobox, I think it's more
>> accurate
>> to say it lumps the tabs with other controls.  The ctrl+ins+c dialog in
>> JAWS says it's for "ARIA Controls, comboboxes, listboxes, or treeviews".
>> So it's not really considered a combobox with respect to the
>> accessibility
>> tree, but it is lumped with some other objects so you can navigate to it
>> with the C shortcut.  I can also navigate to listboxes and treeviews
>> with
>> the C key, but I don't think of them as comboboxes.  I just didn't want
>> things to get (more) confusing if we start talking about tabs as
>> comboboxes.
>>
>> Glen
>> >> >> >> >>
>


---
Diese E-Mail wurde von Avast Antivirus-Software auf Viren geprüft.
https://www.avast.com/antivirus