Label/LabelGroup - update how editable labels are conveyed to assistive tech #8061
Labels
accessibility
Feature
end user feature that requires design to define this, i.e. changes or augments the user experience.
good first issue
Hacktoberfest 🎃
Milestone
Is this a new component or an extension of an existing one?
Label
Describe the feature
Currently editable labels in both Label and Label Group examples use aria-label to notify users that the Label is editable. This overrides the Label content, which can cause confusion/disparity since a "remove" button will reference the Label content (not the aria-label).
A quick solution would be to update examples so that the aria-label is concatenated from something along the lines of
"Editable label: ${labelContent}
Are there visuals for this feature? If applicable, please include examples for each state and for varying widths
Include screenshots or links to Marvel or other mockups.
Any other information?
The text was updated successfully, but these errors were encountered: