Forum Discussion
Rise tabs interactive not accessible
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.
Hey KellyRipley,
Happy to jump in here.
Currently, Rise does not support setting Header levels for Tabbed interaction elements. Tabs are interactive controls used to switch between content panels.
If the group of Tabs represents a distinct section of the page, we suggest adding a heading immediately before the Tabbed interaction. Such as a standard Text Block. The heading level should fit naturally within the page's existing heading hierarchy.Please let me know if you need anything else!
