I am currently working on an accessible course and I am adding alt text to graphics, shapes and pictures. I would like the alt text to be read when these objects are selected. However, I cannot select these objects using Tab nor Shift+Tab, I can only navigate the player. What should I do to ensure the course is accessible? How can I select the objects in a slide using keyboards?
I'm seeing this behaviour both when I am previewing and on published output. For instance, in this slide I cannot select the red rectangle and the blue triangle, though I have added alt text to both.
Only interactive objects will take focus I cannot see if these have triggers assigned. Without triggers the objects are read using the up and down arrows, that is expected behaviour for a screen reader.
Learners use their screen reader navigation keys (e.g., Down and Up arrows) to move through all text and interactive objects on the slide, listening to each item along the way.
Learners who use keyboard-only navigation without a screen reader for mobility reasons press Tab and Shift+Tab to move from one interactive object to another on the slide. Press the spacebar or the Enter key to activate an item.
Use Tab and Shift+Tab to jump from one interactive object to another, skipping text and images.
Since keyboard-only users can see text and images, these objects get skipped when tabbing through the slide content. This reduces the number of keystrokes needed to navigate the slide.
Press the spacebar or the Enter key to activate an interactive object, such as a button or hotspot.
Text and images are not interactive objects by default, so Screen Reader users can click their screen reader navigation keys (e.g., Down and Up arrows) to move through them. But if you want them to use the Tab key for text and images, you can add a trigger to each object to make them interactive.
11 Replies
Hello,
I am assuming that since you have added Alternate Text, that these items are also listed in the focus order for the slide. Can you confirm?
Yes Ron, they are. Still I cannot select those objects using Tab interaction, I can only select the elements in the player
Is this every slide in your project or just one?
every slide
Are you seeing this behavior when previewing as well? or just on published output? What browsers are you using to test?
I'm seeing this behaviour both when I am previewing and on published output. For instance, in this slide I cannot select the red rectangle and the blue triangle, though I have added alt text to both.
Only interactive objects will take focus I cannot see if these have triggers assigned. Without triggers the objects are read using the up and down arrows, that is expected behaviour for a screen reader.
Thanks Phil, so to clarify:
Tab interaction: selects objects with alt-text on the slide ONLY IF associated to a trigger
Arrows: select objects with alt-text on the slide if they are not associated to a trigger.
Is that correct?
Yes that is about it
This page has several links that help further - https://community.articulate.com/series/all-about-accessibility
Hi Team RDL,
I'm happy to chime in! I agree with everything that Phil and Ron shared above. But I would also like to share our article below:
Text and images are not interactive objects by default, so Screen Reader users can click their screen reader navigation keys (e.g., Down and Up arrows) to move through them. But if you want them to use the Tab key for text and images, you can add a trigger to each object to make them interactive.
Let me know if that helps clear things out!