Previous Next JavaScript must be enabled to correctly display this content

## 4.6 Buttons

Use button labels and templates to support accessibility.

Label

The label is crucial for button accessibility. Assistive technologies such as screen readers announce the button label, and users with speech recognition software can speak the name of the label to activate the button. Ensure your button labels are clear, unique, and meaningful.

Button Template

Buttons can be based on the following templates:

- Icon
- Text
- Text with Icon

All of these are accessible. Labels for icon-based buttons are hidden from display, but they still exist in the markup for screen readers.

Template Options

Description of the illustration button_types.png

Be aware that in the Template Options dialog, the Type option changes the button design in ways that can affect accessibility. For example, the Danger type colors the button background red and the foreground text white. Conveying information by color alone is an accessibility issue, so only use the Type template options with this potential problem in mind. For example, the Danger type can still be accessible if the button text clearly indicates the purpose of the button (as opposed to only an exclamation point).

Tip:

You can review button labels in an app with the Page Buttons page. You should review all labels for accuracy and meaning, especially buttons with the same label on the same page.

Related Topics

- Accessing Page Specific Utilities in Oracle APEX App Builder User’s Guide

Parent topic: Developing Accessible Apps