Community코딩 & 개발github.com

snapsynapse/skill-a11y-audit

AI 코딩 에이전트를 위한 즉시 사용 가능한 접근성 감사 도구입니다. WCAG 2.1 AA 수준 스캔, 템플릿 인식 샘플링, 수정 힌트 및 진행 상황 추적을 제공합니다.

skill-a11y-audit란 무엇인가요?

snapsynapse/skill-a11y-audit은 AI 코딩 에이전트(예: Claude Code, Cursor)가 웹 애플리케이션의 접근성을 자동으로 감사할 수 있도록 설계된 스킬입니다. WCAG 2.1 AA 기준을 준수하는 접근성 문제를 스캔하며, 템플릿 기반 샘플링을 통해 효율적으로 감사하고, 각 문제에 대한 구체적인 수정 힌트를 제공합니다. 또한 진행 상황 추적 기능을 지원하여 감사 과정에서 어떤 문제가 해결되었고 어떤 문제가 남아 있는지 명확하게 파악할 수 있습니다. 개발자는 이 스킬을 프로젝트에 추가하기만 하면 별도의 설정 없이 접근성 감사를 수행할 수 있어, 웹 접근성 준수 작업을 크게 간소화할 수 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add snapsynapse/skill-a11y-audit

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

skill-a11y-audit은(는) 무엇을 하나요?

AI 코딩 에이전트를 위한 즉시 사용 가능한 접근성 감사 도구입니다. WCAG 2.1 AA 수준 스캔, 템플릿 인식 샘플링, 수정 힌트 및 진행 상황 추적을 제공합니다.

기능

  • WCAG 2.1 AA 스캔: 웹 페이지에서 주요 접근성 문제를 자동으로 식별합니다.
  • 템플릿 인식 샘플링: 페이지 하위 집합을 지능적으로 샘플링하여 감사 효율성을 높입니다.
  • 수정 힌트: 발견된 각 문제에 대해 구체적인 수정 방법을 제안합니다.
  • 진행 상황 추적: 감사 진행 상황을 추적하고 해결된 문제와 미해결 문제를 명확히 표시합니다.

사용 방법

  1. 프로젝트에 이 스킬을 추가합니다.
  2. AI 에이전트에게 접근성 감사를 실행하도록 요청합니다.
  3. 에이전트가 자동으로 감사를 수행하고 결과를 보고합니다.

지원 플랫폼

  • Claude Code
  • Cursor
  • Codex

요구 사항

  • Node.js 18 이상
  • npm 또는 yarn

설치

npm install @snapsynapse/skill-a11y-audit

또는

yarn add @snapsynapse/skill-a11y-audit

구성

스킬은 대부분의 프로젝트에서 추가 구성 없이 작동합니다. 필요에 따라 다음 옵션을 설정할 수 있습니다:

  • SCAN_DEPTH: 스캔할 페이지 깊이 (기본값: 2)
  • REPORT_FORMAT: 보고서 형식 (기본값: 'json')
  • WCAG_LEVEL: WCAG 준수 수준 (기본값: 'AA')

예시

import { accessibilityAudit } from '@snapsynapse/skill-a11y-audit';

const results = await accessibilityAudit({
  url: 'https://example.com',
  depth: 2,
  format: 'json'
});

console.log(results);

라이선스

MIT

관련 스킬