Section 508 - Empty Buttons

Summary

A button is empty or has no value text. A <button> element is present that contains no text content (or alternative text), or an <input type="submit">, <input type="button">, or <input type="reset"> has an empty or missing value attribute.

Empty buttons from the main dashboard:

• <button aria-controls="transition-saved-for-later" data-aui-trigger="" class="onboarding-hotspot" resolved=""></button>
• <button title="Remove from My Spaces" class="remove toggle-favourite aui-icon aui-icon-small aui-iconfont-star" style=""></button>

Why It Matters

When navigating to a button, descriptive text must be presented to screen reader users to indicate the function of the button.

How to Fix It

Place text content within the <button> element or give the <input> element a value attribute.

Reference

https://webaim.org/standards/wcag/checklist#sc2.4.4
https://webaim.org/standards/wcag/checklist#sc1.1.1