OpenAjax Examples for ARIA aria-controls Property

Summary of examples with ARIA aria-controls Property
Description Accessible Name HTML ARIA ARIA
Styling
child nodes aria-label aria-labelledby label title legend Roles Properties States
Example 3 Button role example using text-only buttons no no Yes no no no none
  • button
  • aria-controls
  • aria-labelledby
  • aria-pressed
Yes
Example 4 Button role example using image buttons no no Yes no no no none
  • button
  • aria-controls
  • aria-labelledby
  • aria-pressed
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 26 Menubar: ARIA CSS Selectors no no no no no no none
  • menu
  • menubar
  • menuitem
  • menuitemcheckbox
  • menuitemradio
  • separator
  • aria-controls
  • aria-haspopup
  • aria-checked
no
Example 32 Slider no no Yes no no no none
  • presentation
  • slider
  • aria-controls
  • aria-labelledby
  • aria-valuemax
  • aria-valuemin
  • aria-valuenow
none no
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