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 →