Avoid tab groups
- Many people who use a screenreader don’t know how to operate a tab group with the arrow keys and can miss parts of the content.
- Tab groups are a solution used when a page has become bloated with content and designer seek to condense even more information into a tighter space.
- Interaction rates will be exceedingly low for anything but the first tab panel.
- Rather than cramming more content into the page, consider breaking the page into more concise sections or separate pages.
Still need a solution?
- Use radio buttons as tabs. This will be easier to understand for screenreader users (as is done with this website’s tabs).
Use semantic HTML where possible