{
  "subject": "focus-and-motion",
  "title": "Focus & Motion",
  "docs": "https://test-apps.eurodata.de/a/eurodata-ui/docs/theming/focus-and-motion/",
  "usage": "https://test-apps.eurodata.de/a/eurodata-ui/docs/theming/focus-and-motion/usage/",
  "use": [],
  "notFor": [],
  "rules": [
    {
      "id": "focus-and-motion/keep-the-ring",
      "rule": "Keep the focus ring on `:focus-visible` wherever something can be focused. Never remove it with `outline: none` on `:focus-visible` — removing it on `:focus` alone is fine when `:focus-visible` puts it back, as the base styles do.",
      "check": "error"
    },
    {
      "id": "focus-and-motion/own-focus-state-from-tokens",
      "rule": "Build a focus state of your own from `--ed-focus-ring` and `--ed-focus-ring-offset`, so it looks like every other one.",
      "check": "error"
    },
    {
      "id": "focus-and-motion/surface-behind-focusable",
      "rule": "Place a focusable control on a default or raised surface, or give it a background of its own — never directly on `--ed-color-neutral-fill-light`.",
      "why": "The ring reaches only 2.87:1 there, below the 3:1 WCAG asks of a focus indicator.",
      "check": "warning"
    }
  ]
}