Tab key triggering radio buttons and invisible shapes
I'm authoring a course in Storyline 360 and am attempting to meet WCAG Level AA accessibility standards, which is proving difficult. I've run into a couple of issues:
- The red "Close" button on lightboxes is not accessible in the tab order, and is unable to be edited to either change the image (less important) or add Alt text and add it to the tab order (more important). So, I have added an invisible rectangle to each lightbox slide, which I have named "Close" and set a trigger to close the lightbox. I can then add this invisible rectangle to the tab order. So far, so good.
- When testing the tab order, items such as the invisible rectangle and some (BUT not all!) radio buttons are automatically triggered when they receive the tab focus INSTEAD of being triggered by Tab + Space/Enter. This is a real problem because I want to use accessibility best practice and put the "Close" button first in the tab order. BUT if I do that and the learner presses Tab, the lightbox is closed. They can't access the video transcript or any other items on that screen.
Has anyone seen this behaviour before? Is there a fix - is it something simple I'm missing?