Rise 360 Accessibility Question | How do I ensure labeled graphic block with markers work with screen readers
Sep 21, 2022
Pinned Reply
Highlighting what Marvie shared, we surfaced "invisible" labels that screen readers use to announce your content to learners using assistive technology! You can edit and translate this label set according to your learner needs.
We hope this enhancement makes it even easier to build learning accessible for all!
Yes, the labeled graphic marker icons are properly labeled. Even better, it is now fully customizable. We've recently released a feature to enable authors to customize and/or translate all screen reader labels we use. It is found in Settings -> Labels.
10 Replies
I should also add that my team does not have access to a screen reader so I'm unable to test functionality.
Hi Jennifer,
I'm sorry you are having this issue with labeled graphic markers! Currently, alt text is not available for markers on labeled graphics. The best way to possibly get a feature added to Rise 360 is by submitting a feature request.
Also, I read that you currently don't have access to a screen reader but I have GOOD NEWS!! NVDA is a commonly used screen reader and is available here for free!. If you have a Mac, VoiceOver is a screen reader that is built into Mac computers!
Thanks for checking in!
Hi did this issue get sorted? I notice that "labelled graphic" is listed as being fully accessible:
https://articulate.com/support/article/Rise-360-Choosing-Accessible-Components-to-Create-Online-Learning#fully-accessible
So it should have ALT text on markers to be fully accessible.
Hi HP Life,
Yes, the labeled graphic marker icons are properly labeled. Even better, it is now fully customizable. We've recently released a feature to enable authors to customize and/or translate all screen reader labels we use. It is found in Settings -> Labels.
Cheers!
Marvie
Hi Marvie,
The ability to edit those additional labels is great news.
There are still two Rise labels that can't be customized:
These labels appear when hovering over the completion icon for a Lesson in the sidebar menu (circle or checkmark).
Hey Karl!
These are visual labels, but yes they are also on the way very soon!
- Unstarted
- Completed
(For marking lessons complete)
- Click to complete
- Click to reset
Highlighting what Marvie shared, we surfaced "invisible" labels that screen readers use to announce your content to learners using assistive technology! You can edit and translate this label set according to your learner needs.
We hope this enhancement makes it even easier to build learning accessible for all!
Hi, I am not seeing where these "settings" are. In the labeled graphic I am working with there are only padding, image width, and color settings (see attached image).
I have a question about reading order for JAWS as well. Is it appropriate to add that here? or start a new thread? Basically, when one opens the marker, the reading order lands on the close button, so I wonder if someone hears, "close modal button" first, if they would down arrow to find the content...? I would like to see the tab order switched. Is that an add a new feature issue?
Hi Brian,
The Label settings are not within the Labelled Graphic block.
As the Labels apply to the entire course, open the SETTINGS tab at the course level, and you will find Labels there.
Hey Brian! So sorry I totally missed this.
When the labeled graphic marker is expanded, the reading order is the marker title, then previous & next buttons, then the content. Is it not what you are experiencing? I made a quick recording so we can compare experiences:
https://360.articulate.com/review/content/195b99a4-430b-4c46-8450-929cb5a660ce/review
It's worth mentioning that screen readers typically have 2 modes, browse & focus modes. In my demo, I'm in browse mode where the screen reader focuses sequentially on the elements exposed on the screen. When a learner tabs, it enters focus mode and is expected that the focus goes to the interactive elements only, such as the prev/next buttons.
Cheers!
Marvie