Tab into Scrolling Text Box

vicki
Community Member Posts: 75 ♪ Opening Act ♪
I am finding that in my courses, Chrome, Edge, and IE do not allow a user to tab into a scrolling text box then use the arrow keys to scroll. Firefox does. Is there any workaround so that a title can be 508-compliant regardless of the browser used?
I am trying to get DHS approval on a course that must be 508-compliant and this is causing issues. I do not like Chrome!!!!!
Thanks for any input.
I am trying to get DHS approval on a course that must be 508-compliant and this is causing issues. I do not like Chrome!!!!!
Thanks for any input.
Comments
-
@vicki
A workaround to this is to add an action on the scrolling text box to assign it a tabindex which should get it into the TAB order for the page.
To do this, follow these steps:
1) With the text box object selected, go to the Properties tab and click the little arrow in the lower right of the Text section of the ribbon.
2) A window will display with the title "Description of ".
3) Grab the text in the "HTML name" field beneath the Description field. This is the ID of your text object.
4) Close the Description window.
5) Add an action to your text object: On Show, Delay 1.0 second, Run JavaScript, document.getElementById("text104302").tabIndex = 0;
6) Replace "text104302" with the HTML name value for your object.
For #5, make sure the quotation marks are not smart quotes.
The text box should now be part of the TAB order. -
@vicki @prg1792 - You can also replace the description with "%HTMLNAME%" (without the quotes) and save it as a Library Object to add to any text block you need to. I used a similar method to hide certain objects from the tab order on courses created in previous versions:
document.getElementById("%HTMLNAME%").tabindex = 0; (again, you will likely need to delete and retype the quotes inside the parentheses) -
@jasonadal Great tip - thanks!
Categories
- 35.9K All Categories
- 109 ✫ Announcements
- 33.1K Lectora®
- 31.1K Lectora Discussions
- 29K Lectora Desktop
- 2K Lectora Online
- 2K Lectora Feature Requests
- 71 Lectora User Groups
- 36 Lectora Accessibility User Group (LAUG)
- 25 ELB Learning Content
- 25 ELB Learning Content Discussions
- 328 CenarioVR®
- 195 CenarioVR Discussions
- 133 CenarioVR Feature Requests
- 42 Rockstar Learning Platform®
- 39 Rockstar Learning Platform Discussions
- 108 CourseMill®
- 108 CourseMill Discussions
- 47 ReviewLink®
- 47 ReviewLink Discussions
- 7 The Training Arcade®
- 7 The Training Arcade Discussions
- 936 All Things eLearning
- 37 eLearning Development
- 546 Learning Management System (LMS) Integration
- 333 Web Accessibility
- 1.2K ♪ The Green Room
- 9 Additional Learning Products