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
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.