Forum Discussion
Flip card interaction, accessibility question
Hello,
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 c...
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.
