Accessibility Library

Form buttons

The label of a button element is set inside the element and can include markup. This allows more advanced accessibility hints to be included, like marking up language change.

Aria attributes

aria-pressed
Name Description
aria-disabled Indicates when the action associated with a button is unavailable.
aria-pressed Indicates when the button is toggled on.

Live Example



Code sample

<form>
    <input type="text" name="name" required="" aria-label="First name"><br><br>
    <button type="submit" aria-disabled="true">Submit</button>
    <button>Cancel</button>
</form>