菜单
Check HTML pages for accessibility issues and WCAG 2.1 compliance. Automatically loads when working on HTML accessibility, ARIA labels, or screen reader compatibility.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Generates comprehensive code documentation following JSDoc standards. Use when writing documentation, adding docstrings, or documenting APIs.
Comprehensive code review following NovaTech standards. Use when reviewing pull requests, auditing code quality, or preparing code for production deployment.
Implement client-side form validation. Automatically loads when adding form validation, handling form errors, or improving form UX.
| name | accessibility-checker |
| description | Check HTML pages for accessibility issues and WCAG 2.1 compliance. Automatically loads when working on HTML accessibility, ARIA labels, or screen reader compatibility. |
| allowed-tools | ["Read","Grep","Glob"] |
This skill provides guidance for checking and improving web accessibility.
alt text<html lang="en">)<!-- Bad -->
<img src="logo.png">
<!-- Good -->
<img src="logo.png" alt="NovaTech Solutions logo">
<!-- Decorative (empty alt is intentional) -->
<img src="decoration.png" alt="" role="presentation">
<!-- Bad -->
<input type="email" placeholder="Email">
<!-- Good -->
<label for="email">Email</label>
<input type="email" id="email" aria-describedby="email-hint">
<span id="email-hint">We'll never share your email</span>
<!-- Include skip link -->
<a href="#main-content" class="skip-link">Skip to main content</a>
<!-- Use landmarks -->
<nav aria-label="Main navigation">
<main id="main-content">
<footer>
When reviewing a file, check for:
alt attributes on images## Accessibility Review: [filename]
### Critical Issues
- [Issue description] (Line X)
### Warnings
- [Issue description] (Line X)
### Passed Checks
- ✓ [What's done correctly]
### Recommendations
- [Suggestion for improvement]