Forum Discussion
Screen Reader Accessibility for Button States
Hi there,
I'm having some trouble implementing accessibility for my Pick Many activities. Screen readers do not seem to recognize the difference between a Normal state and a Selected state of a button
I have a multiple choice question where the user can select more than one answer. I've made Normal state alt texts (Option 1, Option 2, Option 3, Option 4) and I've made Selected state alt texts (Option 1 Selected, Option 2 Selected, Option 3 Selected, Option 4 Selected). This way, a visually impaired user can know which answers he/she has already chosen before selecting the Next/Submit button.
It doesn't work though and the screen reader just reads the normal alt texts. Is there a solution around this? Thanks!
Hi Ludovic!
I've noticed the same issue that you mentioned! The state isn't read off when the button changes to the visited state. We've logged this as a bug so that our Engineering team can begin investigating.
I'm so sorry this is affecting your course! I'll link this discussion to the report and we'll make sure to post in this thread when we have a fix.
Hi everyone!
I just wanted to share that we've released more accessibility enhancements today in Storyline 360 Update 41 (Build 3.41.22450.0)!
You can see all the fixes and feature released here! Thank you everyone for taking the time to address these bugs. It's always exciting to release a fix.
Another great update! 📣
Update 11 for Storyline 3 is live: We fixed the issue where JAWS would only read alt text of the Normal state.
- Tour the release notes for more details
- Take these steps to update Storyline 3 and see the latest enhancements
As always, we're here for any questions!
- shimzCommunity Member
Hi there,
Can anybody guide me how accessibility feature works with button states and layers on slides? for screen readers?
I could'nt see my selected state in focus order of the slide.
please help. Thanks in advance
- RenGomezStaff
Hi Shim,
Happy to help clarify here. Different states of an object aren't included in the Focus Order since screen readers automatically announce states for interactive objects. This article shares more:
Interactive objects are correctly identified to assistive technologies and function as expected. For example, screen readers properly announce radio buttons with their labels and current states.
Can you share more about what questions you have on layer objects? You'll notice they appear on the focus order and are read by a screen reader when the layer is visited.
- shimzCommunity Member
Yes, I saw layers text in focus order.
Thanks.
- shimzCommunity Member
Just a quick question.
Do we have to alt text for the onscreen text as well for the screen reader
to read or is it for only images and objects?
I have attached the picture here. - shimzCommunity Member
I am working on a course to make it accessible.
I am adjusting focus order now for the screen readers.
I made my learning outcomes with button states. When the learner selects
button(Outcome 1) the text would appear.
So, my question is that I was looking at focus order where I didn't find my
text of learning outcomes. So I am really confused, Should it be there or
not? How will the screen reader find it?
HELP! See the attached screenshot.
ThanksHello shim!
I'm happy to clarify! You don't need to add alt text for onscreen text, but every image should have alt text. The text box should be displayed in the Focus Order. If you're using a custom Focus Order, you might need to add the text box to the list. Here's how to do that.
- MariaCSStaff
Hi, Shim.
As Lauren explained before, the onscreen text doesn't need alt text.
Susan also brought up the subject of alt text for different states. This can be accomplished through the Size and Position window when editing the different states:
Let me know if this helps!
- MariaCSStaff
Hi, Susan.
I did a test with the alt text on two different states, and here's a short (less than 1 minute) recording of what I experience with JAWS.
Let me know if this answers your question!
- SusanNabonne304Community Member
Thanks for taking the time to do this. I was not clear in my comment. I meant AUTOMATICALLY with editing the alt text for the state. In other words, it does not seem to read the built in state such as "visited, or "selected"
Hello Susan!
That is correct. The states aren't automatically added in the alt text for each state. I'm happy to share this with my team in the form of a feature request. I'll update you in this discussion when it's added to our feature roadmap.
- MouginCatherineCommunity Member
Hello,
The alt text in visited state is read, only if you have also changed the alt text in the normal state. It is a bit strange.
- EphraGraham-e1eCommunity Member
Hi there,
I'm not sure if this issue is still active but I am having trouble getting both JAWs and NVDA to recognize the visited state of buttons. It is my understanding that the reader should recognize and say "visited..." and then the name of the button (or something like that). Unfortunately, this is not happening. Is there a recommended workaround? Perhaps adding the word "visited" to the alt text for the visited state of each button. This is not ideal but I need a workaround in order to complete the course I am developing.
I welcome any and all suggestions.
Thanks for reading.
Hi Ephra,
I see that you were working with Renato, one of our Support Engineers, and he sent an email yesterday regarding the details of this issue.
We've reported it and promise to notify this discussion with any changes.- EphraGraham-e1eCommunity Member
Sounds great; thanks so much.
Ephra