WebAIM - Web Accessibility In Mind

E-mail List Archives

Carousels again

for

From: barry.hill3@sky.com
Date: Jul 15, 2020 4:12AM


Hi all



Still trying to pin down a carousel that would work with a screen reader and
with a switch control. Would the following work?



In order, here's the elements in the carousel:



1. Pause auto play button
2. Previous slide(s) button
3. Asset(s)
4. Next slide(s) button



The user can tab to all four elements.

When the carousel is on the first asset(s), then the 'Previous' button is
"not available"; same thing goes for the 'Next' button on the last asset(s).

A screen reader user would pause the carousel, then tab through the rest of
the elements. Each asset should have alt text. When the user gets to the
'Next' button and hits it, aria live informs the user that the next asset(s)
has appeared in the carousel but the focus stays on the 'Next' button. The
user then back tabs to the asset(s).

If there is more than one asset shown at once, the aria live informs the
user "Next three programmes" for example.



Thanks in anticipateion.



Cheers



Barry