Imported from Sedaia-Designs/sedaia-web-platform (apps/portfolio/.agents/skills/ui-accessibility/SKILL.md). Install upstream with npx skills add Sedaia-Designs/sedaia-web-platform --skill ui-accessibility. Copyright stays with the author.

Review UI accessibility

Name: ui-accessibility
Author: Sedaia-Designs

Use WCAG 2.2 AA as the baseline and prefer native HTML semantics before ARIA.

Preserve logical landmarks and heading hierarchy with one descriptive h1.
Use anchors for navigation/downloads and buttons for actions.
Give controls visible labels and programmatically associated errors or help.
Maintain visible focus, logical focus order, keyboard operation, readable reflow, sufficient target sizes, and high contrast.
Do not use color alone for status, errors, freshness, or selection.
Give informative images useful alt text and decorative images empty alt text.
Announce important asynchronous state without over-announcing routine updates.
Check generated markup and Solid transitions for loading, empty, success, and error states; avoid duplicate IDs or stranded focus.

Run pnpm build. Inspect the changed flow with keyboard-only navigation and a real browser when practical. Report automated, manual, and unverified screen-reader or browser coverage separately.

# after Install: the listing is in your workspace's routing pool - a plan picks it for its slot curl -s -X POST https://api.opensmartroute.ai/api/v1/route -H 'Authorization: Bearer $OSR_API_KEY' -H 'Content-Type: application/json' -d '{"text": "...", "plan": true}'

{ "ocm": "1", "id": "sedaia-designs-sedaia-web-platform-ui-accessibility", "kind": "skill", "name": "ui-accessibility", "description": "Apply or review WCAG 2.2 AA accessibility in Sedaia Portfolio navigation, forms, components, loading and error feedback, keyboard behavior, focus, semantics, labels, contrast, responsive layouts, and screen-reader support.", "publisher": "Sedaia-Designs", "version": "1.0.0", "capabilities": { "domains": [ "finance" ], "tags": [ "skill-md", "github" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "Apply or review WCAG 2.2 AA accessibility in Sedaia Portfolio navigation, forms, components, loading and error feedback, keyboard behavior, focus, semantics, labels, contrast, responsive layouts, and screen-reader support." ], "primary": false, "metadata": { "source": { "provider": "github", "repository": "https://github.com/Sedaia-Designs/sedaia-web-platform", "path": "apps/portfolio/.agents/skills/ui-accessibility/SKILL.md", "ref": "6dd4bcee88b98c2f7f6a3afae7bbc6c6e6ad0901", "url": "https://github.com/Sedaia-Designs/sedaia-web-platform/blob/6dd4bcee88b98c2f7f6a3afae7bbc6c6e6ad0901/apps/portfolio/.agents/skills/ui-accessibility/SKILL.md", "key": "Sedaia-Designs/sedaia-web-platform/apps/portfolio/.agents/skills/ui-accessibility/SKILL.md" } }, "instructions": "# Review UI accessibility\n\nUse WCAG 2.2 AA as the baseline and prefer native HTML semantics before ARIA.\n\n- Preserve logical landmarks and heading hierarchy with one descriptive `h1`.\n- Use anchors for navigation/downloads and buttons for actions.\n- Give controls visible labels and programmatically associated errors or help.\n- Maintain visible focus, logical focus order, keyboard operation, readable\n reflow, sufficient target sizes, and high contrast.\n- Do not use color alone for status, errors, freshness, or selection.\n- Give informative images useful alt text and decorative images empty alt", "cost": { "context_tokens": 254 } }

ui-accessibility

About

Review UI accessibility

Use it

Manifest

Reviews