Skip to content
GitLab

Make tabs ARIA accessible.

Closed Administrator requested to merge github/fork/maedi/accessible-tabs into v3-dev

Created by: maedi

Bootstrap Tabs almost conforms to the ARIA spec for tabs but not quite: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Tab_Role#Description

To match the spec the following changes have been made:

  • Change the tab from using aria-expanded to aria-selected
  • Connect to tabpanels via the tab's aria-controls value
  • Change the tabpanel from using an .active css class to aria-expanded (in addition)

The HTML will need to ensure that their tab's aria-controls and tabpanel's id match.