Directory

← Back

AriaButton Add-on

Add aria-label, aria-labelledby, and aria-describedby attributes to Button for improved accessibility

Author

Rating

Popularity

<100

An extension for adding aria-label, aria-labelledby, and aria-describedby attributes to Button. Support in IE is limited, and ZoomText reads aria-describedby attribute only in Finder tool.

Tested with most used screen readers and browsers:

    Windows 10 (Chrome, Firefox, Edge, IE11)
  • NVDA 2017.3
  • JAWS 18
  • ZoomText

    iOS 10 (Safari, Chrome)
  • VoiceOver

Sample code

// use aria-label, when button doesn't have visible descriptive text, 
// and aria-describedby for more verbose information
 final Button yButton = new Button("Y");
 AriaButton.extendAriaLabel(yButton, "Vertical");
 AriaButton.extendAriaDescribedBy(yButton,  "The Y-axis is the vertical axis");
// use aria-labelledby, when button has visible descriptive text
final Button openButton = new Button("Open");
AriaButton.extendAriaLabelledBy(openButton, "Open");
AriaButton.extendAriaDescribedBy(openButton, "This is a button for opening");

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Second release for Vaadin 8

  • Better compliance to ARIA standards
  • Improved support for ZoomText
Released
2017-10-03
Maturity
EXPERIMENTAL
License
Apache License 2.0

Compatibility

Framework
Vaadin 8.0+
Browser
Firefox
Safari
Google Chrome
Internet Explorer

AriaButton Add-on - Vaadin Add-on Directory

Add aria-label, aria-labelledby, and aria-describedby attributes to Button for improved accessibility AriaButton Add-on - Vaadin Add-on Directory
An extension for adding aria-label, aria-labelledby, and aria-describedby attributes to Button. Support in IE is limited, and ZoomText reads aria-describedby attribute only in Finder tool. Tested with most used screen readers and browsers:
    Windows 10 (Chrome, Firefox, Edge, IE11)
  • NVDA 2017.3
  • JAWS 18
  • ZoomText

    iOS 10 (Safari, Chrome)
  • VoiceOver
Online