Hello, I am working to make an online training developed in Articulate Storyline keyboard-accessible. I can't seem to figure out how to make a layer with a scroll bar keyboard accessible, so that users can read all the text. Is there a way to do this or do I have to set up a work-around? Thanks! Ana

Sandy, I know it doesn't mention anywhere that it is, but it is fixed as far as I can see, unless we are talking about a different thing, from what I see it is working To create a test file 1. Make sure you have the latest update2. start a new file, insert scroll entry field, 3. insert one or multiple blocks of text 4. Publish - et voila, 5 test by using tab and the arrow keys on the scroll field - you can now select the scroll entry field with the tab key, which you can then control with the arrow keys, you can give the scroll entry field an alt tag(e.g. use arrow keys or skip this field). the screen reader will read all the text in an element (and?) or the alt tag. Again you can test this, with Jaws screen reader(as an example). Inside the scroll entry field you keep the elements visible, if it is an image you can turn of the visibility for assistive tech, else you need to insert text for the alt tags, the screen reader should read out all elements. I've attached a simple test, just tab through the elements, select the scroll and use, the up and down keys to scroll, you will still have to continue to tab through each elements to read each individual element, if you really want the screen reader to read the text as one, when the user hits the scroll field (for visually impaired people perhaps?) you will have to place all the text in the scroll entry's alt tag, and disable the alt tags from the elements inside the scroll field, I would probably choose against this, and just ad an instructional alt tag to the scroll field. It's up to you, have fun, try it out, if we are talking about the same thing(arrow control on the scroll) it is fixed, maybe because they fixed the sliders, and didn't mention the scroll (similar?) thanks, bye

Hi Ana, Currently it's a known issue with our QA team that the scroll panels are not accessible with keyboard actions. You can tab to it, but you can't scroll.

yes they are in the focus order

Oh hi Ashley, would you know if the scroll panel could be called with a javascript? or are the Articulate team working on making the scroll panel accessible. these scroll panels play an important roll in our templates and complete keyboard accessibility is becoming an important matter with the compliance standards. Thanks Byron

Hi Byron, I'm not equipped to support and personally don't know enough about Javascript to be able to answer that with certainty - but I guess it's worth a try? In regards to the accessibility features, I don't have updates to share on where they stand or what our team plans to include. But you'll want to share your thoughts in the form of a feature request so that our product development team is aware of specific features or elements you'd like to see in future versions of Storyline.

Making a scroll bar keyboard accessible

33 Replies

MarkRash865
Community Member
6 years ago
Same question here: are scrolling panels with text now keyboard accessible?
MarkRash865
Community Member
6 years ago
Actually, I just found the (disappointing) answer in this other forum, which states:

Scrolling Panels aren't currently keyboard accessible. This is a bug that our team has logged and working to release a fix. When I have more information on the release, I'll share here!
- NicoleDuclos-cb
  Community Member
  6 years ago
  They are now!
  
  https://community.articulate.com/discussions/articulate-storyline/scroll-text-and-accessibility?page=2
MhairiLongmuir
Community Member
5 years ago
Also wondering this please
LaurenDuvall
Staff
5 years ago
Hello Mhairi!

We released a fix in June 2020 for the bug where scrolling panels weren't keyboard accessible.

Scrolling panels are now keyboard accessible! Let me know if you have any questions.
- ChrisRoetzer-46
  Community Member
  5 years ago
  Lauren, besides keyboard controlled scrolling, I have a question about a scrolling panel's content being accessible. For example, I assume an image might not be for non-sighted learners, but would a text box or shape with text be read with a screen reader for them? If so, I assume the entire box regardless of just where the scroll position is. Hope this is clear :)
LudovicM
Community Member
5 years ago
Hello,

Just to mention how it is accessible: you have to tab on it and then it has focus, you can use the up/down arrows or the page up/down keys (faster) to scroll.
PhilMayor
Super Hero
5 years ago
yes they are in the focus order
- ChrisRoetzer-46
  Community Member
  5 years ago
  As always, TY Phil!
DouglasHarri142
Community Member
2 years ago
This appears broken again.
LucianaPiazza
Staff
2 years ago
Hi Douglas,

Thanks for reaching out!

I see that you've opened a support case and that you're working with my colleague Johnrey. You're in great hands!

We'll continue the conversation over in your support case.

Have a wonderful afternoon!

Forum Discussion

Making a scroll bar keyboard accessible

33 Replies

Related Content

Make Math Equations Accessible

The Art of Access: Designing Accessible Courses in Rise 360

Storyline 360: Improving Experiences With the Accessibility Checker

Storyline 360: New Project Accessible Template

Accessible Video Controls in Storyline

Learn

Connect

Discover

Community

Company

Trust Center