RE: Focus Order of Carousel Example

FYI - I have opened a GitHub issue to review the carousel pattern to see how it aligns with the WAI-ARIA authoring practices guide. If you would like to contribute to that issue, please feel free to make suggestions there.

https://github.com/w3c/wai-tutorials/issues/762

Brian

From: Brian Elton
Sent: Friday, March 15, 2024 8:23 AM
To: Kathy Kim <Kathy.Kim@humber.ca>
Cc: wai-eo-editors@w3.org
Subject: RE: Focus Order of Carousel Example

Hi Kathy,


Thank you for your comments on the Tutorial.



Carousels are particularly challenging for accessibility and the focus order is one of those challenges. Arguments can be made for both putting content first and then controls, and for putting controls first and then content. In this example the content is first and then the controls, where users would first encounter the content, move to a control to advance the carousel, and then hopefully realize that they need to move back to consume the new content.



If you are interested in discussing this pattern further, the W3C hosts an Interest Group discussion list where issues of digital accessibility are discussed. From there you can get multiple perspectives.



You can look through the mailing list archives, to get a feel for the list, through: http://lists.w3.org/Archives/Public/w3c-wai-ig/



You can join the mailing list and post questions by following the instructions for the Discussion List under:

        https://www.w3.org/WAI/about/groups/waiig/#mailinglist



Thanks!

Brian



Brian Elton
Training Practice Manager, TPGi
W3C Advisory Committee Representative
W3C Accessibility Education and Outreach Working Group (EOWG) Co-chair

[Join us at CSUN 2024, Vispero Booth #503, March 18 -22; Anaheim, CA. Make every interaction inclusive and Usable. Check out our accessibility talks.]<https://www.tpgi.com/csun-2024-at-conference-tpgi-sessions/>

 [Tpgi]
TPG Interactive
https://www.tpgi.com

A Vispero Company
https://vispero.com<https://vispero.com/>
--
This message is intended to be confidential and may be legally privileged. It is intended solely for the addressee. If you are not the intended recipient, please delete this message from your system and notify us immediately. Any disclosure, copying, distribution or action taken or omitted to be taken by an unintended recipient in reliance on this message is prohibited and may be unlawful.





From: Kathy Kim <Kathy.Kim@humber.ca<mailto:Kathy.Kim@humber.ca>>
Sent: Wednesday, March 13, 2024 9:57 AM
To: wai-eo-editors@w3.org<mailto:wai-eo-editors@w3.org>
Subject: Focus Order of Carousel Example

You don't often get email from kathy.kim@humber.ca<mailto:kathy.kim@humber.ca>. Learn why this is important<https://aka.ms/LearnAboutSenderIdentification>
CAUTION:EXTERNAL EMAIL SENDER!

Hello,

I was looking at the accessible Carousel example<mailto:https://www.w3.org/WAI/tutorials/carousels/working-example/> and was wondering about the focus order.
When a user uses one of the navigation buttons (either the arrows or the pagination), should the next focusable item be on the new content that is visible instead of the next control?
Currently, when a user uses the next arrow button to go to the next slide, the next focusable item is the pagination, and then content after the carousel.
The user would have to know to navigate backwards to view the new slide content. I'm thinking of the accessibility of this for screen reader users.
Looking forward to hearing your response.

Thank you!
--
Kathy Kim,
Digital Learning Build Coordinator | Digital Learning | Innovative Learning<https://humber.ca/innovativelearning/>
kathy.kim@humber.ca<mailto:kathy.kim@humber.ca>
Humber College Institute of Technology & Advanced Learning<https://humber.ca/>

CONFIDENTIALITY NOTICE:
This email and attached material are intended for the use of the individual or organization to whom they are addressed and may not be distributed, copied, or disclosed to other unauthorized persons. This material may contain confidential and/or personal information subject to the provisions of the Freedom of Information and Protection of Privacy Act, the Municipal Freedom of Information and Protection of Privacy Act, and/or the Personal Health Information Protection Act. If you receive this transmission in error, please notify me immediately and delete this message. Do not email, print, copy, distribute, or disclose this email or its contents further. Thank you for your co-operation and assistance.