ARIA Tabs Example

WAI-ARIA 1.1: Tabs

Pizza Ordering Example

My Order

Crust: none selected
Vegetables: none selected
Meat: none selected
Delivery: none selected

Accessibility Features

Keyboard Support

Key Function
Left Arrow Key The tab to the left of the current tab is focused and put into tab-order in place of the previous tab.
Right Arrow Key The tab to the right of the current tab is focused and put into tab-order in place of the previous atb.
Return Key and Space Bar Activate the selected tab

ARIA Roles, Properties and States

Role Property/State Usage
Div tabpanel

Source Code: Example