We would like to use the flip card interaction in a Rise course, but I have a question about accessibility.
If I am using keyboard navigation, and a screen reader, I can navigate to the card and flip it just fine. The problem is that the screen reader doesn't read the text on a card unless I mouse over it. For someone who cannot see the screen, or use a mouse, the information would be lost.
Rise 360 doesn't have full screen reader support just yet, but we're working on it! If you use a screen reader on a Rise 360 course now, you may find that it doesn't perform well.
We'll let you know when screen reader support is ready!
Hi Frank! We've updated our roadmap to include Rise 360 features including Flashcards that we’re continuing to develop to better support WCAG. You can follow along with any updates to the Roadmap on that link.
Hi Suziana! So sorry for the confusion. This is still in development based on our roadmap. Once this is released, we'll make sure to update this thread. At the moment, the text on the back of the flash card cannot be read yet.
Hi all, we may have found a workaround for this issue during accessibility testing of our modules.
NVDA reads the front of the card, then press Ctrl+tab to go back up, tab back to flip the card, and the screenreader will recognise the text. Multiple team members tested this on different browsers and it worked. It's fiddly and unintuitive for sure.
Screen reader is reading out content on the Flash cards both on the front and as the card gets flipped. I have tested the Flash cards on Mac using Voice overs as well as on PC using Jaws screen reader.
I appreciate the discussion on this topic and keeping this issue on the radar. Unfortunately, I cannot get NVDA to read the back side of a flip card, even with Shani's work-around (chrome browser). I will look forward to the formal fix.
I ran a test multiple times using multiple tools and found that it is not fully compliant. Here's why:
Inconsistent tab order between elements. Starts at div[aria-live="off"] and goes to .visually-hidden. When you tab through cards it does not recognize there is a flip side to the element.
Yes, it will work if you can see it and recognize it is a flip interaction. However, if you were blind there is no way to tell as it starts "off" and goes to hidden.
If you had multiple objects, a screen reader just skips to the next one without reading the back as it is hidden.
Also, you will have to manually adjust the text size to override the auto-sizing text in the card.
Solution: Not sure without modifying the code to change the div.
Hi Leslie - I'm not Emmy, but we're seeing similar issues.
In timelines, and in some other instances, NVDA is not picking up on the alt text in the typical way. You can tab past an image and return, and the alt text will appear. Or you can, with the course open, close and relaunch NVDA, and the alt text will appear. Neither of these options meet accessibility requirements however.
No worries, James. I appreciate you chiming in to share.
I cannot replicate the issue you're reporting with a fresh launch of NVDA and the course, which is when it sounds like you're experiencing the problem.
Can you confirm which versions of NVDA and Chrome you are using? My setup includes the current versions of each:
NVDA Version: 2023.3 (2023.3.0.29780)
Chrome Version 119.0.6045.160
I used this link to test for Emmy, including the alt text in the TimelineImages.png attached above. Are you also experiencing an issue with this course when navigating using Browse Mode?
21 Replies
Hi Karen!
Rise 360 doesn't have full screen reader support just yet, but we're working on it! If you use a screen reader on a Rise 360 course now, you may find that it doesn't perform well.
We'll let you know when screen reader support is ready!
Thanks Alyssa!
I look forward to the day.
Hello Allyssa. Is there any update on this topic now?
Thanks!
Hi Frank! We've updated our roadmap to include Rise 360 features including Flashcards that we’re continuing to develop to better support WCAG. You can follow along with any updates to the Roadmap on that link.
It is a bit shocking that the premier elearning authoring tool still doesn't have screen reader support for so many activities.
Has any progress been made with making this Flip Card activity accessible for screen reader users?
Hi, Nikki! I tested a flashcard interaction with JAWS screen reader on Chrome browser, and the flashcards text is being narrated by the screen reader.
Can you share the screen reader and browser versions you are using?
Does this mean, screen readers can read flip card and not identify it as a barrier?
Any update with regard to process interaction feature? My NVDA identified this feature as a barrier.
Hi Suziana! So sorry for the confusion. This is still in development based on our roadmap. Once this is released, we'll make sure to update this thread. At the moment, the text on the back of the flash card cannot be read yet.
That is disappointing. I was very excited for a minute there.
Following
Hi all, we may have found a workaround for this issue during accessibility testing of our modules.
NVDA reads the front of the card, then press Ctrl+tab to go back up, tab back to flip the card, and the screenreader will recognise the text. Multiple team members tested this on different browsers and it worked. It's fiddly and unintuitive for sure.
Screen reader is reading out content on the Flash cards both on the front and as the card gets flipped. I have tested the Flash cards on Mac using Voice overs as well as on PC using Jaws screen reader.
I appreciate the discussion on this topic and keeping this issue on the radar. Unfortunately, I cannot get NVDA to read the back side of a flip card, even with Shani's work-around (chrome browser). I will look forward to the formal fix.
I ran a test multiple times using multiple tools and found that it is not fully compliant. Here's why:
Solution: Not sure without modifying the code to change the div.
This is still not working properly. The alt text on the flip card is only read if the user comes back to it after clicking on it..
Hi Emmy,
We've made enhancements to the flashcard grid and stack blocks in the past year.
I created a sample course and tested it using NVDA in Chrome. The alt text is being read as expected. I've attached the text viewer from NVDA.
Could you look at my sample course and share what you are experiencing?
If you're still experiencing an issue with the alt text, I'd like to know:
Hey, my question is for the Timeline activity. Images get skipped over with CHROME/NVDA
Thanks, Emmy.
I am unable to replicate this behavior. I'm attaching another sample course with an interactive timeline block for you. Are you hearing the images read as expected?
I'm attaching what NVDA in Chrome is announcing for me.
Hi Leslie - I'm not Emmy, but we're seeing similar issues.
In timelines, and in some other instances, NVDA is not picking up on the alt text in the typical way. You can tab past an image and return, and the alt text will appear. Or you can, with the course open, close and relaunch NVDA, and the alt text will appear. Neither of these options meet accessibility requirements however.
No worries, James. I appreciate you chiming in to share.
I cannot replicate the issue you're reporting with a fresh launch of NVDA and the course, which is when it sounds like you're experiencing the problem.
Can you confirm which versions of NVDA and Chrome you are using? My setup includes the current versions of each:
I used this link to test for Emmy, including the alt text in the TimelineImages.png attached above. Are you also experiencing an issue with this course when navigating using Browse Mode?