Chips with visual element for A11y

[Jose-ProductDesign]

Goal

Make the components accessible.

Context

Currently, we have the token component but they do not have an element to be different when activated.

Impact

Add an visual element when activated

Discussion Questions

Should they have a visual element that stands out when activated?

Additional considerations

No response

Do you have a visual proposal?

https://www.figma.com/design/lJPSjguAzDXbpiOuqwbS3N/-MeinO2-Blau--Handoff-Network-area-to-Spatial-Buzz-Q2-2025-PRODUCTDSN-3190?node-id=4066-32928&t=S99TxtIDAY1Kag3s-4

[AnaMontes11]

Hi @JoseTelefonica,

This could be an interesting topic to explore. It’s true that the activated state should have a clear visual indicator beyond just color.

That said, have you thought about how we could approach this?
For example, Material Design uses a checkmark to indicate selected chips, but what happens when the chip already includes an icon, like in the example you shared?

If you’ve explored any patterns or seen how other design systems solve this, it would be great if you could share them. That way we could move forward more smoothly.
Thanks!

[yceballost]

We already have an issue to work on it!

#2272