OpenAjax Examples for ARIA aria-expanded State

Summary of examples with ARIA aria-expanded State
Description Accessible Name HTML ARIA ARIA
Styling
child nodes aria-label aria-labelledby label title legend Roles Properties States
Example 9 Combobox with aria-autocomplete="none" Yes no Yes Yes no no none
  • combobox
  • listbox
  • option
  • aria-labelledby
  • aria-owns
  • aria-expanded
no
Example 10 Combobox with aria-autocomplete="inline" Yes no Yes Yes no no none
  • combobox
  • listbox
  • option
  • aria-labelledby
  • aria-owns
  • aria-expanded
no
Example 11 Combobox with aria-autocomplete="list" Yes no Yes Yes no no none
  • combobox
  • listbox
  • option
  • aria-labelledby
  • aria-owns
  • aria-expanded
no
Example 12 Combobox with aria-autocomplete="none" and role="combobox" on wrapping div Yes no Yes Yes no no none
  • combobox
  • listbox
  • option
  • aria-labelledby
  • aria-expanded
no
Example 13 Combobox with aria-autocomplete="inline" and role="combobox" on wrapping div Yes no Yes Yes no no none
  • combobox
  • listbox
  • option
  • aria-labelledby
  • aria-expanded
no
Example 14 Combobox with aria-autocomplete="list" and role="combobox" on wrapping div Yes no Yes Yes no no none
  • combobox
  • listbox
  • option
  • aria-labelledby
  • aria-owns
  • aria-expanded
no
Example 20 Hide/Show: Region follows button no no no no no no none
  • button
  • region
  • aria-controls
  • aria-labelledby
  • aria-expanded
no
Example 21 Hide/Show: Region does not follow button no no no no no no none
  • button
  • region
  • aria-controls
  • aria-labelledby
  • aria-expanded
no
Example 22 Hide/Show: Region is exclusive no no no no no no none
  • button
  • region
  • aria-controls
  • aria-labelledby
  • aria-expanded
Yes
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 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
Example 41 Treeview no no Yes no no no none
  • group
  • tree
  • treeitem
  • aria-labelledby
  • aria-expanded
  • aria-hidden
no
Example 42 Treeview: Using aria-owns no no Yes no no no none
  • group
  • tree
  • treeitem
  • aria-labelledby
  • aria-owns
  • aria-expanded
  • aria-hidden
no
Example 43 Treeview: ARIA CSS Selectors no no Yes no no no none
  • group
  • tree
  • treeitem
  • aria-labelledby
  • aria-expanded
  • aria-hidden
Yes