a11y-theme-builder icon indicating copy to clipboard operation
a11y-theme-builder copied to clipboard

Published 20 hours ago • verified publisher icon finos

[TB] Standard Button - Icon only buttons do not have accessible name

Open kburk1997 opened this issue 7 months ago • 1 comments

Problem/Concern

Icon only buttons do not have an accessible name, resulting in accessibility issues when running automated checker:

Issue

Ensures buttons have discernible text (button-name)

Target application

A11y ThemeBuilder

Element path

.icon.MuiButton-containedSizeMedium.css-1c64ckw-MuiButtonBase-root-MuiButton-root

Screenshot

Screenshot of standard buttons page with icon-only buttons without labels highlighted

Proposed Solution

Set aria-label on icon-only buttons. Aria-label should match the visible text of buttons with text for consistency.

kburk1997 avatar Jul 02 '24 20:07 kburk1997