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

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.