Forum Discussion
Rise tabs interactive not accessible
Hi there, is there a way to make the tabs interactive? My clients advises that only the title of each tab is read with a screen reader but not the content.
10 Replies
KellyRipley Luckily Tabs are one of the blocks that allow entering your own html in the title field for each content item. Here I've specified tab titles to be H3:
Note the size is probably larger than what you want inside tab titles, more discussion over here on how to adjust the size and styles, credit to Nedim
How to prevent all upper-case in Tabs block headings | E-Learning Heroes
I am trying to set appropriate header levels for the titles of each tab and can not find a way to do so. And in doing so I also see that focus order/tabbing will not allow me to access the second tab. Only the first tab, then content of first tab, then it moves to the next element. Has anyone had any luck with making tabs accessible?
Hi KellyRipley Rise's tabs interactions are now accessible:
https://www.articulatesupport.com/article/Rise-How-to-Use-Tabs-Blocks#accessibility
The keyboard navigation for moving between tabs is to first, tab to the first tab then either click return to view the content or use the arrow keys to move from another tab before viewing the selected tab's content.
Thank you for sharing the keyboard navigation tip. Ill be sure to provide that as an instruction on screen for the users.
I am still unable to determine how to set Header levels for the tab titles however.
Hi Surya!
The latest version of JAWS should read the text within your interactive tabs block. Would you be able to create a screen recording of what you're experiencing while using JAWS with that block so we can get a better idea of what's going on? That would be really helpful!
Hi,
I find the tab activity in rise is still not accessible. JAWS not reading the content of the tab.
Let me know if there is a workaround for this issue
Thanks
Hi Stephanie!
While our content is not fully and officially A11y compliant, screen readers should be able to navigate to the content of the tab interaction. Depending on how you utilize the screen reader navigation, normally if you read per line, it will go through all the tab titles first, and then to the content section of the active tab. What was your experience and with what screen reader + browser?Marvie
Thank you
Hello, Stephanie!
Our team is hard at work on screen reader support as we speak, but it isn't fully ready yet. 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 you can use a screen reader with Rise 360. In the meantime, we put together a journal where you can find all the details on the features we’ve enhanced in Rise 360 as we work towards WCAG 2.1 compliance. And we’ll keep this journal updated as we continue our accessibility journey.
Click it out here ➡️ Rise 360: Our Accessibility Journey
