OpenAjax Examples for ARIA button Role

Summary of examples with ARIA button Role
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 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 16 Drag and Drop Yes no Yes no no no none
  • alert
  • application
  • button
  • grid
  • gridcell
  • aria-dropeffect
  • aria-labelledby
  • aria-selected
no
Example 17 Drag and Drop: aria-activedescendant Yes no Yes no no no none
  • alert
  • application
  • button
  • grid
  • gridcell
  • aria-activedescendant
  • aria-dropeffect
  • aria-labelledby
  • aria-selected
no
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 19 Grid: Email Application no no Yes no no no none
  • button
  • grid
  • gridcell
  • presentation
  • row
  • aria-labelledby
  • aria-readonly
  • aria-sort
  • aria-selected
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 33 Spinbutton using IMG elements for buttons no no no Yes no no none
  • button
  • presentation
  • spinbutton
  • aria-labelledby
  • aria-valuemax
  • aria-valuemin
  • aria-valuenow
none no
Example 38 Toolbar using inline images for visual state no no Yes no no no none
  • application
  • button
  • toolbar
  • aria-describedby
  • aria-labelledby
  • aria-checked
  • aria-pressed
no