Forum Discussion
Alt text and Pick-One interaction
Hello
It seems that when you use images as options in the Pick One interaction in Storyline, the interaction automatically tags the images as radio buttons (good so far) but the alt text is read as if it is a separate object to the image/radio button when you use the arrow keys to move between them (not so good). Is there a way to attach alt text to the radio button?
It seems to work properly if you use shapes rather than images but that isn't really an option for me.
https://360.articulate.com/review/content/10a3ab95-5df6-440e-9931-0e7de955a38d/review
This is using NVDA screen reader. Thanks!
5 Replies
was there any resolution of this issue? i have a similar problem with a pick many question. the screen reader seems to split the button from the text?
Hi GilesCulkin-1d3!
Sorry to hear that you've run into this setback!
I can confirm we have this behavior logged as a bug in Storyline 360. This bug causes check boxes, and Alt Text for check boxes, to be announced separately when using screen readers. We have observed this bug within JAWS, as well as NVDA. Not to worry! I've linked this discussion to the bug report so we can notify you as soon as a fix is in place.
Thank you for your patience. I'm sorry if this has been slowing you down!
I am running into the same issue right now. I will test JudyNollet's suggestion to see if that works for my project. However, there should be a way to add alt text to these hidden radio buttons, and everything that is visible to the screen reader should ideally be visible in the Focus Order list 😕
Filling a shape with an image wasn't an appropriate solution in my case.
I think in the end I converted them all to text boxes and added my image as part of the state. Though this threw a different bug where the text boxes refused to reset to the default alt text so I had to manually change all the alt text of all the states of all 150 radio buttons.... BORING! 😤.
Since shapes work, you could use those by filling each one with the appropriate image.
For the best results, be sure the shape matches the aspect ratio of the pic.
