원클릭으로
accessibility-audit
Procedural knowledge for ensuring frontend interfaces comply with WCAG standards.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
메뉴
Procedural knowledge for ensuring frontend interfaces comply with WCAG standards.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | accessibility-audit |
| description | Procedural knowledge for ensuring frontend interfaces comply with WCAG standards. |
Procedural knowledge for ensuring frontend interfaces comply with WCAG standards and are usable by everyone.
Enable the Developer and QA Engineer roles to enforce accessibility best practices, ensuring the application is usable via screen readers and keyboard navigation.
Step 1: HTML Structure
- Ensure proper heading hierarchy (h1 -> h2 -> h3) without skipping levels.
- Use semantic tags (`<nav>`, `<main>`, `<article>`) instead of generic `<div>`s.
- Ensure all interactive elements use `<button>` or `<a>`.
Step 2: ARIA Attributes
- Add `aria-label` or `aria-labelledby` to elements without visible text.
- Define `aria-expanded` and `aria-controls` for dropdowns and accordions.
- Avoid redundant ARIA attributes that conflict with semantic HTML.
Step 1: Keyboard Navigation
- Ensure every interactive element is focusable (`tabindex="0"` if custom).
- Verify a visible `:focus` state exists for all interactive elements.
- Ensure no "keyboard traps" exist.
Step 2: Visual Constraints
- Check color contrast ratios (minimum 4.5:1 for normal text).
- Ensure `alt` text is descriptive for meaningful images, and empty (`alt=""`) for decorative ones.
"Apply the accessibility-audit skill from .ace/skills/accessibility-audit/SKILL.md
to review this new React component."
Procedural knowledge for generating and maintaining code documentation, API specs, and architecture diagrams.
Procedural knowledge for orchestrating multi-agent systems and Agent-to-Agent (A2A) handoffs.
Procedural knowledge for designing autonomous AI agents with tools, memory, and reasoning loops.
Procedural knowledge for implementing the Model Context Protocol (MCP) to expose local tools to LLMs.
Procedural knowledge for designing and configuring continuous integration and deployment pipelines.
Procedural knowledge for standardizing error boundaries, logging, and graceful degradation.