Hi, Julie -- Looks like you are getting some great assistance from Matthew and Wendy here! Please let us know if you are all set or if you still need additional assistance. :)
It appears that hotspots still cannot be added to the tab order in Storyline 360/3. Is it then correct to assume that transparent shapes should always be used in place of hotspots when aiming to create an accessible project?
Hotspots are accessible by screen readers in other HTML content. Is this feature request worthy or is there a technical limitation that makes this impossible?Thanks.
I'm not an accessibility expert - but my understanding was always that since the hotspots are invisible, a user may not know they are there to use the tab key to find them. That's why they aren't included in our accessibility support. You can always use transparent shapes though as a workaround for hotspots.
I've also found that the tab key doesn't bring keyboard focus to hyperlinked text. The text box itself is tabbed to, but not the hyperlink that is part of the text box. Placing a transparent shape over the hyperlinked text (and adding alt-text and link) seems to solve this, but is an added step for accessibility.
Miker (support) is checking with the QA team to see if this is by design or something that can be improved.
My hope is that future updates will allow the inline hyperlinked text to be accessed by the tab key without these additional steps.
Just an update here as I see Miker did report an element of your case to our team as a possible software bug. I'll keep you posted here in addition to your case with Miker about the status of that.
Thanks for the update, Ashley. Hoping that both hotspots and inline text hyperlinks will eventually become part of the tab order without the need to use redundant transparent shapes.
I am experiencing the same issue, Kevin. I am also making an accessible project, and have been burdened by the hotspots not being included in the tab order. Adding an invisible shape works, but it is an extra step - with deadlines, it makes a big difference adding these all over a project! Hopefully Storyline 360 will put include hotspots in the tab order in the near future!
So, in order for any link to be accessible by assistive devices, it either needs to be presented as a button, or you need to add a hidden shape around it? That seems ridiculous. I hope I'm missing something here.
I'm sorry but am I missing something here? This post suggest that we use transparent shapes (which cannot be seen) but the reason hotspots are not accessible is because they cannot be seen. People using a screen reading cannot see anything on the screen but rather have alt text read to them as they tab to each item. Hotpots do something that cannot be replicated by anything else in Articulate Storyline and that is allow for freehand drawing so that only the required area is cover by the hotspot. Please tell me that you are looking to make hotspots accessible...
Hotspots can’t be tabbed to, so they cannot be selected. If you look at the
Tab Order, they do not show up. Similarity, hyperlinks cannot be navigated
to by assistive devices or keyboard navigation. The “solution” is to create
an invisible shape. It’s a huge issue that’s been around for 4+ years.
Hotpots do something that cannot be replicated by anything else in Articulate Storyline and that is allow for freehand drawing so that only the required area is cover by the hotspot. Please tell me that you are looking to make hotspots accessible...
You can create a freeform shape in the same way:
Then just make it transparent. It'll work like a hotspot but also be accessible.
The trick is that you don't just set the shape to have no fill, but rather fill it with a colour and then make it 100% transparent. I don't know why this works, but thankfully it does!
I haven't used a hotspot for years. There is no need to once you get used to creating transparent shapes. It would be nice if this was fixed, personally I think Articulate should just remove hotspots and replace them with transparent shapes (where the software gives the shape a fill and makes it transparent in the one-step).
27 Replies
I don't think so Julie, but you could replace the hotspots with transparent rectangles which will be accessible.
Hi Julie
Matthew is correct - here is a screenshot confirming - last column (explanation) first row under functional performance criteria
Hi, Julie -- Looks like you are getting some great assistance from Matthew and Wendy here! Please let us know if you are all set or if you still need additional assistance. :)
Wonderful, thank you all, especially the transparent rectangles.
No worries Julie, all the best.
Glad you were able to get the assistance that you needed here Julie and thanks for popping in with an update.
It appears that hotspots still cannot be added to the tab order in Storyline 360/3. Is it then correct to assume that transparent shapes should always be used in place of hotspots when aiming to create an accessible project?
Hotspots are accessible by screen readers in other HTML content.
Is this feature request worthy or is there a technical limitation that makes this impossible?Thanks.
Yes, transparent shapes are the way to go.
Hi Kevin,
I'm not an accessibility expert - but my understanding was always that since the hotspots are invisible, a user may not know they are there to use the tab key to find them. That's why they aren't included in our accessibility support. You can always use transparent shapes though as a workaround for hotspots.
I've also found that the tab key doesn't bring keyboard focus to hyperlinked text. The text box itself is tabbed to, but not the hyperlink that is part of the text box. Placing a transparent shape over the hyperlinked text (and adding alt-text and link) seems to solve this, but is an added step for accessibility.
Miker (support) is checking with the QA team to see if this is by design or something that can be improved.
My hope is that future updates will allow the inline hyperlinked text to be accessed by the tab key without these additional steps.
Kevin,
Do you have a case number handy? I'd like to follow along as you work with Miker.
Here you go, Ashley: 01084996
Thanks Kevin - I'll follow along too!
Hi Kevin,
Just an update here as I see Miker did report an element of your case to our team as a possible software bug. I'll keep you posted here in addition to your case with Miker about the status of that.
Let me know if you need anything else!
Thanks for the update, Ashley. Hoping that both hotspots and inline text hyperlinks will eventually become part of the tab order without the need to use redundant transparent shapes.
I am experiencing the same issue, Kevin. I am also making an accessible project, and have been burdened by the hotspots not being included in the tab order. Adding an invisible shape works, but it is an extra step - with deadlines, it makes a big difference adding these all over a project! Hopefully Storyline 360 will put include hotspots in the tab order in the near future!
I find it a difficult and disheartening to see that there has been no progress on this issue. Anything coming to address this?
This post was removed by the author
So, in order for any link to be accessible by assistive devices, it either needs to be presented as a button, or you need to add a hidden shape around it? That seems ridiculous. I hope I'm missing something here.
I'm sorry but am I missing something here? This post suggest that we use transparent shapes (which cannot be seen) but the reason hotspots are not accessible is because they cannot be seen. People using a screen reading cannot see anything on the screen but rather have alt text read to them as they tab to each item. Hotpots do something that cannot be replicated by anything else in Articulate Storyline and that is allow for freehand drawing so that only the required area is cover by the hotspot. Please tell me that you are looking to make hotspots accessible...
Hotspots can’t be tabbed to, so they cannot be selected. If you look at the
Tab Order, they do not show up. Similarity, hyperlinks cannot be navigated
to by assistive devices or keyboard navigation. The “solution” is to create
an invisible shape. It’s a huge issue that’s been around for 4+ years.
You can create a freeform shape in the same way:
Then just make it transparent. It'll work like a hotspot but also be accessible.
The trick is that you don't just set the shape to have no fill, but rather fill it with a colour and then make it 100% transparent. I don't know why this works, but thankfully it does!
I haven't used a hotspot for years. There is no need to once you get used to creating transparent shapes. It would be nice if this was fixed, personally I think Articulate should just remove hotspots and replace them with transparent shapes (where the software gives the shape a fill and makes it transparent in the one-step).
It seems like hotspots are now accessible in SL360. Is this the case also for SL3?
Hi Brian!
That's correct! Hotspots are accessible in both Storyline 360 and Storyline 3.
Thanks Lauren!