Currently, the indicator for a constraint violation on a snak is just a span with some styles and a click handler:
{F71701969}
```lang=html
<span class="indicators"><span class="wikibase-wbui2025-wbqc-icon--notice"></span></span>
```
This isn’t accessible at all. We should figure out how to better model and implement this. (Maybe an actual Codex [ToggleButton](https://doc.wikimedia.org/codex/latest/components/demos/toggle-button.html)?)
Design:
{F89493581}
[[ https://www.figma.com/design/9RwXYJxIYnuglDCwfBWi9H/MEX-Milestone-4---5?node-id=1515-2366&m=dev | Figma Link ]]
AC
[] the current clickable icon is replaced by a toggle button
[] the toggle button is [[ https://doc.wikimedia.org/codex/latest/components/demos/toggle-button.html#button-sizes | size small ]], type [[ https://doc.wikimedia.org/codex/latest/components/demos/toggle-button.html#togglebutton | quiet ]], and when clicked the button state changes from //default// to// active//
[] the icons stay as [[ https://www.figma.com/design/9RwXYJxIYnuglDCwfBWi9H/MEX-Milestone-4---5?node-id=1361-7827&m=dev | previsously specified ]]
[] this is impremented in RTL and LTR