Visual distinctions (e.g., colors or icons) are accompanied by text or
ARIA labels to provide context for users with color vision
deficiencies or those relying on screen readers.
Missing aria-label:
This <button> with icon only does not
have aria-label.
Structure of the above button looks like this:
<button id="menu-btn">
<i class="material-icons">check_circle</i>
</button>
Note: Hard to automatically test or detect. Requires a human tester or AI
to determine which elements should have
aria-labels.