Focus Order and Meaningful Sequence in 508

tmichael9734
Community Member Posts: 142 ♪ Opening Act ♪
Hello Everyone,
The 508 review team returned my title with this remark: "The next and back buttons appear before the user tabs through the main content of the e-Learning." My Next/Back buttons are placed at the very top level of the title (please see attached screenshot) and I use actions to hide and show them in the first and last page of the title respectively. What do I need to do to fix this issue?
Thank you for any tip.
The 508 review team returned my title with this remark: "The next and back buttons appear before the user tabs through the main content of the e-Learning." My Next/Back buttons are placed at the very top level of the title (please see attached screenshot) and I use actions to hide and show them in the first and last page of the title respectively. What do I need to do to fix this issue?
Thank you for any tip.
Comments
-
-
Thank you Tim. I thought about grouping both and set the reading order to last, however in knowledge check pages, I show the Back button and hide the Next button so user cannot advance until they answer the question. When I grouped them, I couldn't hide one and show the other. Is there a way to do so?
-
Why can't you? I can show/hide each button in a group separately. In a Test you can check "Student Must Answer Each Question". This way a user cannot continue while the question is unanswered although the Next button is visible and enabled. Enabing / Disabling may be another way to do it.
-
My bad! You're right! Thanks a million! I was trying to show and hide using the Inheritance Settings (sorry about that), but you're right the show/hide worked for the group. Thank you.
Do you mind if I ask one more question. I used a loader/spinner around some images to attract users to click in there. The loader runs infinitely and doesn't stop. Is there a way to stop it after few seconds? It's a 508 road blocker too. Here's the CSS that I used for the spinner:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.loader {
border: 6px solid #c00000;
border-radius: 50%;
border-top: 6px solid #ccffff;
width: 35px;
height: 35px;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style>
</head>
<body>
<div class="loader"></div>
</body>
</html> -
Categories
- 4.7K All Categories
- 3 New Feature Releases
- The Training Arcade®
- Arcades™
- 57 ✫ Announcements
- 6 ✪ Contests
- 34.1K eLearning Brothers® Products
- 33.6K Lectora®
- 31.5K Lectora Discussions
- 1.9K Lectora Feature Requests
- 64 Lectora User Groups
- 16 Asset Library
- 10 AssetLibrary Discussions
- 6 AssetLibrary Feature Requests
- 291 CenarioVR®
- 169 CenarioVR Discussions
- 122 CenarioVR Feature Requests
- 29 Rockstar Learning Platform®
- 20 Rockstar Learning Platform Discussions
- 9 Rockstar Learning Platform Feature Requests
- 4 Off-the-Shelf Course Library
- 3 Off-the-Shelf Course Library Discussions
- 1 Off-the-Shelf Course Library Feature Requests
- 114 CourseMill®
- 107 CourseMill Discussions
- 43 ReviewLink®
- 31 ReviewLink Discussions
- 12 ReviewLink Suggestions
- 2 The Training Arcade®
- 1 The Training Arcade Discussions
- 1 The Training Arcade Feature Requests
- 10 Additional Learning Products
- 2 Adobe®
- 4 Articulate®
- 2 Camtasia®
- Docebo®
- 1 iSpring®
- 1 Microsoft® PowerPoint®
- 911 All Things eLearning
- 5 Course Development Showcase
- 1 eLearning Brothers® Downloads
- 1 Compliance Training
- 11 eLearning Development
- eLearning Game Design
- 7 Instructional Design
- 545 Learning Management System (LMS) Integration
- 2 Mobile Learning
- 5 Visual Design
- 328 Web Accessibility
- 1.2K ♪ The Green Room
- 7 ♡ Community Feedback
- 7 Community Tips