Skip to content

Label/LabelGroup - update how editable labels are conveyed to assistive tech #8061

@thatblindgeye

Description

@thatblindgeye

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?

Metadata

Metadata

Assignees

Type

No type

Projects

Status

Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions