Forum Discussion
Accessibility: Headings in Storyline 360
Hello everyone,
I am very excited about the newest Storyline 360 update, which now supports semantic markup of slides.
I'm running into an issue with my heading structure being read out by a screen reader - NVDA.
I have a slide with an H1 (heading 1) assigned by me: Social Responsibility.
The problem I am experiencing when testing with NVDA is that the Course Title (Retail Refresh Training: Challenge and Refusal) is being identified as H1, as demonstrated in the Elements List window, and I am unable to get the actual H1 to be recognized as such.
Any thoughts on how I can fix this?
Thank you.
- agorgonCommunity Member
SOLUTION
Thanks to Articulate Support for troubleshooting and identifying a solution. It appears that custom alt text was causing the issue. Here's what Articulate suggested:
We further dig into the issue and found out that the issue is caused by a combination of custom alt text, text styles in your text box.
I’ve logged it as a possible software bug.
As a workaround, you can try to remove the custom alt-text to your text box (headings) and leave it to its default alt-text
FYI and thank you Articulate Support!
- agorgonCommunity Member
Upon further testing, I discovered that creating and publishing a brand new project works as expected with screen reader testing. Headings are read out.
I created a sample page with an H1 and an H2, each with supporting text. All headings, including the Course Title (top bar region H1) slide titles and sub-titles (main landmark H1 and H2) are announced and the headings are listed in the Elements List window.
Here's a video of my experience testing this new project.
This is interesting, as it demonstrates that creating a brand new project using the latest Storyline update generates the proper semantic structure (at least with headings), but republishing a course built with any previous Storyline versions (marked up with headings) does not seem to have the same result.
Articulate staff- would love some feedback as to why this might be happening.
Thank you!
- LizD-83f49e43-0Community Member
Would it make sense to change the H1 heading on the slide to H2?
I *think* what you're seeing is by design. For accessibility purposes, the course title is perceived as the sole H1 tag by the screen reader. It persists across all slides. (I'll be happy to be corrected on this by the Articulate team -- just thinking out loud here.)
So, it may just be a matter of assigning H2 to the top-level text on each slide (and restyling the H2 formatting to suit your design). Does that make sense with the user experience you have in mind?
- NickiBerry-3088Community Member
That does make some sense but then why even have the Heading 1 option in the list?
- NickiBerry-3088Community Member
Yes, I have done little else for the last 24 hours. I am struggling with a number of issues that I have raised on a separate discussion.
- agorgonCommunity Member
Thank you for your comments, everyone, I appreciate them.
Here are my thoughts:
- I did not assume H1 would be automatically applied to Course Title, which is why I used H1 on each of the individual slides (which I consider to be separate pages) - Liz and Matthew - I agree with your thoughts on there only being one H1 on a page
- I did assume based on the most recent update that all headings on individual slides would be read out, even if multiple H1s were assigned, they should all be identified in the Elements List and announced by the screen reader
Here is another slide example from the course. This slide has two headings, an H1 and an H2, neither is being recognized by NVDA, only the Course Title is. The Elements List windows in NVDA only show the Course Title H1 - the headings on my page are clearly not identified as styled headings.
I think there is a problem with published output here. The semantic markup of individual slides is missing, at least the heading structure is.
I have not tested this with Jaws yet.
I submitted a support ticket to troubleshoot this behaviour. I look forward to hearing back from Articulate.
- NickiBerry-3088Community Member
I haven't had any problems with JAWS and headings. It is reading them as I would expect. Also quite exciting - it is reading bullet point lists correctly, with the exception that if you format the bullets to use a different symbol, e.g. a tick, it ceases to recognise the bullets.
- agorgonCommunity Member
I just tested with Jaws and it's announcing "there are no headings on this page" when it focuses on the slide. It reads out Course Title as H1.
- NoreenBeckin143Community Member
Hi
I am getting similar problems when testing with NVDA - it does not recognise the heading styles (H1, H2 etc) on the majority of the my slides - I have tried renaming the project and republishing but that has not made any difference for me. I also tried converting text boxes to objects as thought that might be the reason but still the screen reader doesn't recognise the headings or the bullets no matter what I use.
Hello Noreen!
We are happy to help troubleshoot this with you! It sounds like the headings styles on your slide aren't recognized by NVDA. Which version of NVDA and Storyline are you using?
Do you mind sharing the .story file with us so we can understand how the course is behaving? You can attach it to this public discussion or privately in a support case.
- NoreenBeckin143Community Member
Thanks Lauren - issue was fixed today - I ended up raising a ticket with Articulate support - the alt text in the accessibility options for text boxes must be 'greyed out' and not overwritten in order for the styles to work properly and the H1 etc to be recognised.
- EswarkumarKanthCommunity Member
As you(Noreen Beckinsale) said the text boxes alt text should be keep as it is like 'greyed out'. If we edit or change it wont focus by pressing "H" shortcut key in NVDA screen reader. Am i correct?