WCAG 2.0: ARIA attributes and Storyline 360
Aug 16, 2018
By
Tim Phillips
Hi all - I am helping my team meet WCAG 2.0 requirements for a customer with courses created in Articulate Storyline 360. According to the WCAG VPAT for Storyline, the following standard is author controlled: 4.1.2 Name, Role, Value.
How is this controlled/changed/edited, and how could we ensure this is changed through the tool and not through manually changing any of the output (published files/code)?
For example: how would we change the values for the following attributes for aria-describedby="unspoken" or aria-labelledby="label-1-0-5"?
36 Replies
Hello, we are having issues with our customer running one of our courses on their website that we published to HTML5 using the modern player. Please see screen capture attached. It looks like there is an issue with the player navigation causing the aria errors. Has anyone had anything similar and/or any suggestions on how to fix this?
Hello, we are running into issues with stoyline 360 course that is resulting in Broken Aria references. We worked with an Articulate engineer to try and solve this issue and changed to the modern player. Unfortunately, our customer's testing is still coming up with the same issues. Can you assist in a solution for this? It appears that this issue is not something that is author controlled. Also wondering if this is an iFrame issue. Can you assist?
Thanks for reaching out, Valerie.
I see that you're working with Christopher in a support case and that we are doing some further troubleshooting based on those findings.
Hopefully, the community will have any additional insight to share with you here in the meantime.
following...
Adding to the previous post reply about ARIA: ARIA is a set of attributes that are added to HTML to communicate additional information about roles of elements, state changes, etc.; WCAG is a specification giving guidance to developers about web accessibility. I'm interested to know if ARIA is something that could be incorporated into Storyline through the interface to give additional information and in particular, roles. At the current time, Storyline doesn't give appropriate roles to headings, lists, etc., which I think you are working on, but ARIA would give us more flexibility.
Thanks for your post, Karin. I agree. We are still not able to pass accessibility scans due to ARIA. Can the Storyline folks please provide us with an update as to when we might see this incorporated in to Storyline and Rise? We are really having trouble with this as developers. Thanks
Hi Karin and Valerie,
Thanks for following up! While I can't provide an exact timeframe for semantic formatting, I can let you know that this is currently in development, along with other accessibility features in our roadmap:
Our conformance report also shares details on additional ways to meet the WCAG 1.3.1 criterion:
We'll be sure to jump back in here as soon as this feature has been implemented!
Hello everyone!
We just released another update for Articulate 360 and included a few new items you'll see in the release notes.
The items you'll be interested in is:
Just launch the Articulate 360 desktop app on your computer and click the Update button for Storyline 360. Details here.
Please let us know if you have any questions, either here or by reaching out to our Support Engineers directly.
Hi Leslie McKerchie
Is this ARIA attribute will work in storyline now?
Hello Eswarkumar!
Are you looking for a way to add your own ARIA attribute? If so, that isn't currently an option. Do you mind providing more details about what you're looking for when it comes to ARIA attributes?
I want to give a label for the button using the "aria-label" attribute. Is it possible to add in storyline for customized button? (I used a image for user to click like a button).
Hi Eswarkumar,
There is no way to do that at this time, as Lauren shared above.
Have you considered using a button with an image fill to get the expected label?