OpenAjax Examples for ARIA tab Role

Summary of examples with ARIA tab Role
Description Accessible Name HTML ARIA ARIA
Styling
child nodes aria-label aria-labelledby label title legend Roles Properties States
Example 34 Tab Panel Yes no Yes no no no none
  • tab
  • tablist
  • tabpanel
  • aria-controls
  • aria-labelledby
  • aria-hidden
  • aria-selected
no
Example 35 Tab Panel: Accordian1 Yes no Yes no no no none
  • tab
  • tablist
  • tabpanel
  • aria-controls
  • aria-labelledby
  • aria-multiselectable
  • aria-expanded
  • aria-hidden
  • aria-selected
no
Example 36 Tab Panel: ARIA CSS Selectors Yes no Yes no no no none
  • tab
  • tablist
  • tabpanel
  • aria-controls
  • aria-labelledby
  • aria-hidden
  • aria-selected
Yes
Example 37 Tab Panel: Accordian using ARIA CSS selectors Yes no Yes no no no none
  • tab
  • tablist
  • tabpanel
  • aria-controls
  • aria-labelledby
  • aria-multiselectable
  • aria-expanded
  • aria-hidden
  • aria-selected
Yes