W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > January to March 2017

SV: Tab Panel focus movement with Dynamic content.

From: Morten Tollefsen <morten@medialt.no>
Date: Tue, 28 Feb 2017 08:29:54 +0000
To: "davebest@cogeco.ca" <davebest@cogeco.ca>, "'Sean Murphy (seanmmur)'" <seanmmur@cisco.com>, "w3c-wai-ig@w3.org" <w3c-wai-ig@w3.org>
Message-ID: <HE1PR07MB1467A980B43F4D3F778D72D1A6560@HE1PR07MB1467.eurprd07.prod.outlook.com>
Hi.

Yes, a very good solution for ttabs, David. aria-controls can be used of course (e. g. Jaws has shortcut keys to move focus). Do you have any examples of exactly this implementation?

I've not tested tabs very carefully with users, but a small observation: most users tend to use Enter and Space as similar keys in web interfaces. This works for buttons, checkboxes etc. Therefore it may be a little bit confusing that these keys have different behaviour in tablists. But of course, it is possible to learn this.

BR: Morten Tollefsen
90899305, www.medialt.no<http://www.medialt.no>

Fra: David Best [mailto:davebest@cogeco.ca]
Sendt: tirsdag 28. februar 2017 07.51
Til: 'Sean Murphy (seanmmur)' <seanmmur@cisco.com>; w3c-wai-ig@w3.org
Emne: RE: Tab Panel focus movement with Dynamic content.

Sean, I tend to recommend:

  1.  Pressing Left/Right arrow keys in the Tab List moves focus between the items without selecting.
  2.  Pressing Spacebar on a Tab List item, selects the item but does not move the focus, and an aria-alert reads the Tab Panel heading as it changes.
  3.  Pressing Enter key in the Tab List selects the item, moves focus to the Tab Panel heading and reads it.
  4.  Pressing Tab key in the Tab List moves focus to the Tab Panel heading and reads it.
David

From: Sean Murphy (seanmmur) [mailto:seanmmur@cisco.com]
Sent: February 28, 2017 12:29 AM
To: w3c-wai-ig@w3.org
Subject: Tab Panel focus movement with Dynamic content.

All,

What is the best practise if a web page has a tab panel and the content dynamically updates after the tab is selected?


1.      Should the focus move to the first focusable element?

2.      The focus does not move, leaving it up to the user?
This brings up another question. When should the focus automatically move to the first focusable element, other than dialogs/pop-ups when dealing with dynamic content?

Sean Murphy
Accessibility Software engineer
seanmmur@cisco.com<mailto:seanmmur@cisco.com>
Tel: +61 2 8446 7751       Cisco Systems, Inc.
The Forum 201 Pacific Highway
ST LEONARDS
2065
Australia
cisco.com

 Think before you print.
This email may contain confidential and privileged material for the sole use of the intended recipient. Any review, use, distribution or disclosure by others is strictly prohibited. If you are not the intended recipient (or authorized to receive for the recipient), please contact the sender by reply email and delete all copies of this message.
Received on Tuesday, 28 February 2017 08:30:33 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 28 February 2017 08:30:35 UTC