OpenAjax Examples for ARIA aria-hidden State

Summary of examples with ARIA aria-hidden State
Description Accessible Name HTML ARIA ARIA
Styling
child nodes aria-label aria-labelledby label title legend Roles Properties States
Example 2 Alert example using a modal ARIA dialog box no no Yes Yes no no none
  • alertdialog
  • application
  • aria-labelledby
  • aria-hidden
  • aria-invalid
no
Example 15 Date Picker no no Yes no no no none
  • application
  • button
  • grid
  • gridcell
  • heading
  • aria-activedescendant
  • aria-atomic
  • aria-live
  • aria-hidden
  • aria-selected
Yes
Example 18 Grid Example: Reimbursement Form no no Yes no no no none
  • alert
  • application
  • button
  • grid
  • gridcell
  • row
  • aria-label
  • aria-labelledby
  • aria-live
  • aria-disabled
  • aria-hidden
  • aria-pressed
  • aria-selected
no
Example 27 Progressbar Yes no no no no no none
  • application
  • progressbar
  • aria-labelledby
  • aria-valuemax
  • aria-valuemin
  • aria-valuenow
  • aria-hidden
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
Example 39 Tooltip no no Yes Yes no no none
  • tooltip
  • aria-describedby
  • aria-labelledby
  • aria-required
  • aria-hidden
no
Example 40 Tooltip: ARIA CSS selectors no no Yes Yes no no none
  • tooltip
  • aria-describedby
  • aria-labelledby
  • aria-required
  • aria-hidden
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