Status Indicators and alt text.

svenia
Community Member Posts: 4
Is there a way to have three different alt text for a 3 image button? Or does anyone know of a way to create a status indicator with three images? I see Lectora has the status indicators, but it only allows for 1 alt description my user is wanting to have each state to have it's own alt tag.
Thanks!
Monique
Thanks!
Monique
Comments
-
Hey there,
I would get around this by creating the status indicator manually and hiding/unhiding the appropriate image depending on a variable:
Ingredients
- Two variables: TopicStarted, TopicCompleted
- Three images: Ind_NotStarted, Ind_Incomplete, Ind_Complete
Programming
- When the user starts the topic, set TopicStarted to 1
- When the user completes the topic, set TopicCompleted to 1
- When the user returns to the table of contents page, show image:
- Ind_NotStarted if TopicStarted == 0
- Ind_Incomplete if TopicStarted == 1 and TopicCompleted == 0
- Ind_Complete if TopicCompleted == 1
- Hide whichever indicators are not relevant (if showing Ind_Complete, hide the other two)
You can then add alt tags for each of the three images. Screen readers won't read hidden elements so the above should work, just takes a little extra mucking around!
Categories
- 35.8K All Categories
- 108 ✫ Announcements
- 33.1K Lectora®
- 31.1K Lectora Discussions
- 28.9K Lectora Desktop
- 2K Lectora Online
- 2K Lectora Feature Requests
- 71 Lectora User Groups
- 36 Lectora Accessibility User Group (LAUG)
- 22 ELB Learning Content
- 22 ELB Learning Content Discussions
- 321 CenarioVR®
- 188 CenarioVR Discussions
- 133 CenarioVR Feature Requests
- 41 Rockstar Learning Platform®
- 38 Rockstar Learning Platform Discussions
- 108 CourseMill®
- 108 CourseMill Discussions
- 47 ReviewLink®
- 47 ReviewLink Discussions
- 5 The Training Arcade®
- 5 The Training Arcade Discussions
- 934 All Things eLearning
- 36 eLearning Development
- 546 Learning Management System (LMS) Integration
- 332 Web Accessibility
- 1.2K ♪ The Green Room
- 9 Additional Learning Products