WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Focus reset

for

From: Sumit Patel
Date: Apr 17, 2023 10:34PM


Thanks all for your responses. These buttons do not look like tabs.
Initially even I thought the same giving "tab" role and associated
properties . so, screen reader user will understand contents would
have updated below after selection. They will have understanding about
the keyboard navigation when they hear "tab" role that they need to
use arrow keys if they want to move to other tabs. but, as mark said,
sighted keyboard-only user won't have any idea about this as this does
not look like a tab. They will be thinking that the other buttons are
not keybord focusable.

On 17/04/2023, glen walker < <EMAIL REMOVED> > wrote:
> Hard to say. We don't have a lot of details about the visuals or layout
> other than the left/right description. But behaviorally, it sounded like a
> tab pattern.
>
> A similar type of pattern with left selection and right panels is often
> seen in "settings" type interfaces, such as the NVDA or JAWS settings
> dialog. NVDA uses a list in the left navigation and JAWS uses a tree, but
> both allow you to select an element on the left side and the right side
> updates, but you're not told that something updated on the right and the
> keyboard focus is not moved.
>
> On Mon, Apr 17, 2023 at 10:25 AM Mark Magennis < <EMAIL REMOVED> >
> wrote:
>
>> One of the problems users have with tablists is that to be coherent to
>> sighted keyboard users they have to look like tabs. If they look like a
>> series of buttons or links users will expect them to behave that way and
>> will not expect to have to use the arrow keys to select a different tab .
>> When tabbing between them doesn't work they may become confused or think
>> they are unavailable or not working.
>>
>> Back in the old days tabs used to look like paper filing cabinet tabs so
>> that was fine. The keyboard interaction was guessable. But I think we're
>> talking here about a vertical list of options and vertical tablists are
>> rare. And I'll bet your UX designers have no intention of making them look
>> anything like tabs.
>>
>> So I wouldn't use a tablist here.
>>
>> Mark
>>
>>
> > > > >