ENTER
or SPACEBAR
press to set selection (known as manual selection).autoSelect
enabled.autoSelect
turned off.autoSelect
enabled, ARROW
keys move keyboard focus to next/previous tab and select that tab (i.e. aria-selected="true"
).autoSelect
enabled, ARROW
keys move keyboard focus to next/previous tab, but ENTER
or SPACEBAR
key is required to set the tab to a selected state.TAB
key on selected tab must move focus to first focusable element in tab panel.TAB
key on selected tab must move focus to next focusable element on page.autoSelect
configuration enabled. All of the tab panel content will be rendered to the DOM on server side load.span
tags.aria-selected
and hidden
states.aria-controls
and aria-labelledby
properties.TAB
key presses to navigate past the widget, therefore tabs should be navigated with ARROW
keys instead.aria-selected
and hidden
states.