Note that tabs can be given role="tablist", role="tab" and role="tabpanel" attributes. These are appropriate for tabbed interfaces, as described in the WAI ARIA Authoring Practices.

If your control element is targeting a single collapsible element - you should add the aria-controls attribute to the control element, containing the id of the collapsible element.

To confirm the tab content opening you should use aria-selected property. If aria-selected="true" it indicates the tab control is activated and its associated panel is displayed.

If you use a visible text element on the page as a label for a focusable element - you should add aria-labelledby. It refers to the tab element that controls the panel.

Keyboard interaction

LEFT_ARROW Move focus to previous tab
RIGHT_ARROW Move focus to next tab
HOME Move focus to first tab
END Move focus to last tab
SPACE or ENTER Switch to focused tab