본문으로 건너뛰기
cccskills
무료GitHub에 공개

cli-audit

Audit live URLs using Playwright and Axe combined with WCAG skills

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

연동 도구Playwright
설치 방법 보기

포함된 파일(2)

  • SKILL.md3.3 KB
  • scripts/cli-inspect.mjs2.3 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

CLI Audit Skill

Use this skill when asked to audit a live URL from Claude CLI.

Respect robots directives and site terms of service for every live-site audit request.

Required Execution

When the user asks to audit a page URL, run:

npx --yes --package=github:mgifford/accessibility-skills cli-audit-inspect <URL>

This invocation is portable for Claude CLI users because it pulls the inspection command from this repository package instead of requiring a local scripts/ file in the target project.

Be Polite With Live Sites

When auditing live URLs, keep behavior respectful and low impact:

  • Prefer single-page or small-batch checks first.
  • Avoid rapid repeated scans against production pages.
  • If Cloudflare/WAF blocks requests, do not brute-force retries.
  • Recommend owner-approved alternatives: staging URLs, allowlisting, or manual checks.

Required Parsing

Parse the emitted JSON and evaluate:

  1. axe.violations for automated WCAG and best-practice failures.
  2. axe.incomplete for potential violations that need manual confirmation.
  3. accessibilityTree for behavioral issues that automated rules miss, including:
    • Missing or unclear names for interactive elements
    • Unexpected roles or role mismatches
    • Landmark and heading structure problems
    • State communication gaps (expanded, checked, selected, disabled state)
    • Dialog and menu semantics that can indicate focus-management risk

Required Evaluation Method

Map findings to this repository's guidance before reporting:

  • Start with skills/ACCESSIBILITY-general/SKILL.md.
  • Then apply relevant topic skills based on observed problems (for example: forms, keyboard, navigation, color-contrast, aria-live-regions, image-alt-text, tables, svg, touch-pointer, tooltips).

Reporting Requirements

For each issue reported:

  1. Identify source: axe or accessibilityTree.
  2. Include affected selector/path from axe nodes when available.
  3. Provide impact summary and severity using the relevant skill scale.
  4. Cite WCAG 2.2 success criteria when determinable, and cite the source of the mapping (the axe rule's documented mapping, or the specific skill rule) — do not invent a WCAG mapping this audit's evidence does not support.
  5. Provide a concrete remediation recommendation tied to a skill rule.
  6. Preserve the tool's raw outcome (axe.violations vs. axe.incomplete, or the accessibility-tree evidence) rather than collapsing it into a single pass/fail label.
  7. Report every axe.violations and accessibilityTree finding from this audit as evidence_status: automated-indicator with handling: review — this audit alone does not constitute the human confirmation needed for confirmed-standards-failure, confirmed-user-facing-barrier, or handling: report/suppress. See Accessibility Finding Tracking: Policy Classification.

If no issues are found, report residual risk clearly:

  • Automated scans can miss interaction, timing, focus-flow, and assistive-tech behavior issues.
  • Recommend manual keyboard and screen-reader validation using skills/manual-testing/SKILL.md.

리뷰

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

댓글

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

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

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

0 / 1,000자

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

같은 저장소의 스킬

Load this skill immediately whenever a project contains an ACCESSIBILITY.md file, or whenever you are contributing to the mgifford/ACCESSIBILITY.md repository. Absolutely always read ACCESSIBILITY.md before proposing or writing any changes. Under no circumstances skip this skill when an ACCESSIBILITY.md file is present. This skill governs when and how all other accessibility topic skills must be loaded.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

LazyCats-dev/ao3-podfic-posting-helper112026년 10월 5일 업데이트

Load this skill whenever the project contains in-page anchor links, skip links, fragment identifiers, or heading links. Under no circumstances omit accessible anchor-link requirements when such links exist. Ensure every anchor link has meaningful text, a reachable target, and a visible focus indicator. Apply these rules when creating or reviewing any in-page navigation.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

LazyCats-dev/ao3-podfic-posting-helper112026년 10월 5일 업데이트

Audit and fix common accessibility issues in Angular templates and Angular Material components. Use when the user mentions Lighthouse, axe, screen readers, keyboard navigation, ARIA, asks to fix a11y issues in Angular HTML templates, or after any feature, bug fix, or refactor that changed Angular templates.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

LazyCats-dev/ao3-podfic-posting-helper112026년 10월 5일 업데이트

Generates Angular code and provides architectural guidance. Trigger when creating projects, components, services, or HTTP communication, or for best practices on reactivity (signals, linkedSignal, resource, httpResource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, naming conventions, or CLI tooling.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

LazyCats-dev/ao3-podfic-posting-helper112026년 10월 5일 업데이트

Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

LazyCats-dev/ao3-podfic-posting-helper112026년 10월 5일 업데이트

Creates a new Angular app using the Angular CLI. This skill should be used whenever a user wants to create a new Angular application and contains important guidelines for how to effectively create a modern Angular application.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

LazyCats-dev/ao3-podfic-posting-helper112026년 10월 5일 업데이트

LazyCats-dev의 스킬 모두 보기

이 스킬의 문제 신고