f015cef1accessibility

ARIA labels on icon-only buttons

WCAG 2.1 AA checks: contrast, focus-visible, semantic landmarks, alt text, keyboard tab order, ARIA labels.

Cross-agent verdicts

Loading verdicts…

Plan source

What TestSprite reads

The testing agent reads this JSON, opens the deployed URL in headless Chromium, executes each action step, evaluates each assertion. Verdict: passed / failed / blocked / inconclusive.

{
  "projectId": "1ad26753-ee03-4689-8f0f-6fa5d67c5c72",
  "type": "frontend",
  "name": "Accessibility — icon-only interactive elements have aria-label",
  "description": "Theme-toggles, share buttons, search-clear buttons — anything that's an icon WITHOUT visible text — must have an aria-label that names what the control does.",
  "priority": "p1",
  "metadata": {
    "category": "accessibility",
    "stage": "all"
  },
  "planSteps": [
    {
      "type": "action",
      "description": "Navigate to the homepage"
    },
    {
      "type": "assertion",
      "description": "Verify every <button> or <a> element on the page that has no visible text (only an icon / svg / image inside) has an aria-label attribute that describes its action — NO icon-only controls without aria-label"
    }
  ]
}
View on GitHub →