본문으로 건너뛰기
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

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

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_store52026년 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_store52026년 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_store52026년 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_store52026년 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_store52026년 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_store52026년 5월 27일 업데이트

aibot88의 스킬 모두 보기

이 스킬의 문제 신고