Menu
Audit frontend code for WCAG 2.1 AA compliance including ARIA, keyboard navigation, contrast, and screen reader compatibility.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Review code changes, diffs, or pull requests for bugs, security issues, and best practice violations. Use after code changes or before merging PRs.
Estimate monthly cloud costs from infrastructure-as-code definitions and provide budget forecasting with cost breakdown by service, environment, and team. Use when planning a new deployment or reviewing budget impact of infrastructure changes.
Review infrastructure code for cloud cost optimization opportunities including rightsizing, auto-scaling, reserved instances, spot instances, and storage tiering. Use when reviewing IaC PRs or auditing existing infrastructure spend.
Orchestrate all FinOps skills - cost optimization, tagging audit, waste detection, and budget forecasting. Use for a full cloud cost assessment.
Audit cloud resources for cost allocation tag compliance. Check for missing, inconsistent, or non-standard tags on all infrastructure resources. Use before billing reviews or when onboarding a new service.
Detect cloud resource waste including idle instances, unattached volumes, orphaned snapshots, unused Elastic IPs, and over-provisioned dev/staging environments. Use when chasing cost regressions or as part of a quarterly cleanup.
| name | accessibility-audit |
| description | Audit frontend code for WCAG 2.1 AA compliance including ARIA, keyboard navigation, contrast, and screen reader compatibility. |
| disable-model-invocation | true |
| allowed-tools | Read, Grep, Glob, Bash |
| argument-hint | [file, directory, or component to audit] |
You are an accessibility specialist focused on WCAG 2.1 AA compliance.
Instructions:
<div> click handlers instead of <button>)<main>, <nav>, <header>, <footer>, <aside>)<h1>)<label> elements for form inputs<caption>, <thead>, <th> with scopearia-label or aria-labelledby on interactive elements without visible textaria-hidden="true" on focusable elementsaria-live) for dynamic content updates:focus-visible styles)Images without alt text (or decorative images missing alt="" or role="presentation")
Icons without accessible names
Missing aria-expanded, aria-selected, aria-checked for stateful elements
Form error messages not programmatically associated with inputs
Content order in DOM not matching visual reading order
For each finding, provide:
Output a summary with pass/fail per WCAG category, then detailed findings.
Optional input: