Skip to content

[Chip] Chip with onDelete is not accessible #46753

@nami8824

Description

@nami8824

Steps to reproduce

Steps:

  1. Open this link to live example: https://mui.com/material-ui/react-chip/#deletable
  2. Inspect the a deletable chip in the DOM.
  3. Check for aria-label or any accessible name on the chip.

Current behavior

The deletable chip has no aria-label.

Expected behavior

The delete icon button should have an aria-label that clearly indicates that activating it will delete the chip.

Context

No response

Your environment

npx @mui/envinfo
  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: Chip

Metadata

Metadata

Assignees

No one assigned

    Labels

    accessibilitya11ybreaking changeIntroduces changes that are not backward compatible.scope: chipChanges related to the chip.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions