本文へ移動
cccskills
無料GitHub で公開

accessibility-design-checker

Ensures designs meet accessibility requirements including WCAG compliance, color contrast, keyboard navigation, screen reader support, and focus management. Reviews designs for accessibility issues and provides recommendations.

インストール方法を見る

含まれるファイル(2)

  • SKILL.md2.9 KB
  • source.json793 B

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Accessibility Design Checker Skill

Instructions

  1. Review design specifications for accessibility
  2. Check color contrast ratios
  3. Verify keyboard navigation support
  4. Check screen reader compatibility
  5. Review focus management
  6. Verify touch target sizes
  7. Return accessibility review with:
    • Accessibility compliance status
    • Issues found
    • Recommendations
    • WCAG level compliance

Examples

Input: Review design for accessibility Output:

### Accessibility Review

**Overall Compliance:** WCAG 2.1 Level AA ✓

**Color Contrast:**
- Primary text on white: 4.5:1 ✓ (WCAG AA)
- Secondary text on white: 4.2:1 ✗ (needs improvement)
- Large text on primary: 3.1:1 ✓ (WCAG AA)
- Recommendation: Increase secondary text contrast to 4.5:1

**Keyboard Navigation:**
- All interactive elements keyboard accessible ✓
- Focus indicators visible ✓
- Tab order logical ✓
- Skip links present ✓

**Screen Reader Support:**
- Semantic HTML structure ✓
- ARIA labels where needed ✓
- Alt text for images ✓
- Form labels properly associated ✓

**Touch Targets:**
- All interactive elements ≥ 44x44px ✓
- Adequate spacing between touch targets ✓

**Text Resizing:**
- Design works at 200% zoom ✓
- No horizontal scrolling required ✓

**Issues Found:**
1. Secondary text contrast below 4.5:1 (should be improved)
2. Missing ARIA label on icon-only button (needs label)

**Recommendations:**
- Increase secondary text color darkness
- Add aria-label="Close" to icon button

Accessibility Areas to Check

  • Color Contrast: Text/background contrast ratios (WCAG AA: 4.5:1)
  • Keyboard Navigation: All interactive elements keyboard accessible
  • Focus Indicators: Visible focus states
  • Screen Reader Support: Semantic HTML, ARIA labels, alt text
  • Touch Targets: Minimum 44x44px for mobile
  • Text Resizing: Works at 200% zoom
  • Reading Order: Logical content order
  • Form Labels: Properly associated labels
  • Error Messages: Accessible error communication
  • Skip Links: Skip navigation links

WCAG Compliance Levels

  • Level A: Basic accessibility (minimum)
  • Level AA: Standard compliance (recommended)
  • Level AAA: Enhanced accessibility (ideal)

Common Issues

  • Low Contrast: Text/background contrast too low
  • Missing Alt Text: Images without descriptive alt text
  • Missing Labels: Form inputs without labels
  • Small Touch Targets: Interactive elements too small
  • No Focus Indicators: Missing visible focus states
  • Poor Semantic Structure: Incorrect HTML structure
  • Keyboard Traps: Elements that trap keyboard focus

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

007

無料

Security audit, hardening, threat modeling (STRIDE/PASTA), Red/Blue Team, OWASP checks, code review, incident response, and infrastructure security for any project.

日本語の概要は準備中です。原文の説明を表示しています。

aibot88/sec_skill_store42026年5月27日 更新

Guides the creation of agile user stories and Gherkin feature files. Use when the user wants to create a user story, write acceptance criteria, define Gherkin scenarios, or author BDD feature files. This should trigger for requests such as Create a user story; Write a user story; I need to write a user story. Part of cursor-rules-java project

日本語の概要は準備中です。原文の説明を表示しています。

aibot88/sec_skill_store42026年5月27日 更新

Facilitates conversational discovery to create Architectural Decision Records (ADRs) for non-functional requirements using the ISO/IEC 25010:2023 quality model. Use when the user wants to document quality attributes, NFR decisions, security/performance/scalability architecture, or design systems with measurable quality criteria. This should trigger for requests such as Create ADR for Non-functional requirements; Document Non-functional requirements; Capture Non-functional requirements; Generate Non-functional requirements in an ADR. Part of cursor-rules-java project

日本語の概要は準備中です。原文の説明を表示しています。

aibot88/sec_skill_store42026年5月27日 更新

Run a health check on an existing project: dependency audit, security scan, test runner detection, CI/CD evaluation, and missing configuration analysis. Maps the three execution gates (pre/in/post) from /10x-bootstrapper to an assessment framework for existing codebases. Reads optional context/foundation/stack-assessment.md from /10x-stack-assess to focus checks on identified gaps. Writes context/foundation/health-check.md with findings, prioritized fixes, and an agent-readiness verdict. Use when the user has an existing project and wants to verify its health before working with an agent. Trigger phrases: "health check", "check my project", "audit my project", "is my project healthy", "sprawdź projekt", "audyt projektu", "health-check", "project health". Use AFTER /10x-stack-assess (brownfield chain), BEFORE agent onboarding (m1-l4).

日本語の概要は準備中です。原文の説明を表示しています。

aibot88/sec_skill_store42026年5月27日 更新

10x-team

無料

You MUST use this when building projects end-to-end. Orchestrates all 12 team roles — automatically switches between CTO, architect, PM, engineers, SRE, security, DBA, QA, and EM based on the current phase of work. Starts with brainstorming before any implementation.

日本語の概要は準備中です。原文の説明を表示しています。

aibot88/sec_skill_store42026年5月27日 更新

Use when you need to add or configure Maven plugins in your pom.xml — including quality tools (enforcer, surefire, failsafe, jacoco, pitest, spotbugs, pmd), security scanning (OWASP), code formatting (Spotless), version management, container image build (Jib), build information tracking, and benchmarking (JMH) — through a consultative, modular step-by-step approach that only adds what you actually need. This should trigger for requests such as Add Maven plugins in pom.xml; Improve Maven plugins in pom.xml. Part of cursor-rules-java project

日本語の概要は準備中です。原文の説明を表示しています。

aibot88/sec_skill_store42026年5月27日 更新

aibot88 のスキルをすべて見る

このスキルの問題を報告する