스킬 자체의 표현으로
디자인이나 페이지를 대상으로 하는 WCAG 2.1 AA 감사 루틴으로, "audit accessibility" 또는 "check a11y" 같은 문구로 실행되며 Figma URL, URL 또는 설명을 인수로 받습니다.
인식, 운용, 이해, 견고성 전반에 걸친 열한 개 기준을 압축한 빠른 참조를 담고 있습니다. 일반 텍스트 4.5:1 대비, 큰 텍스트와 UI 컴포넌트 3:1 대비, 키보드 접근, 가시적 포커스와 44x44 CSS 픽셀 터치 타깃을 다루며, 여덟 가지 흔한 문제와 문제의 약 30%를 잡아내는 자동화 스캔으로 시작하는 다섯 단계 테스트 접근법도 포함합니다. 결과는 심각도 집계, 원칙별 표, 대비·키보드·스크린 리더 섹션, 우선순위가 매겨진 수정 사항이 담긴 고정 형식의 마크다운 보고서에 정리됩니다.
산출물
- 디자인 또는 페이지 이름과 WCAG 2.1 AA 표준을 머리에 둔 마크다운 접근성 감사 보고서.
- 발견 사항 섹션은 인식, 운용, 이해, 견고성 표로 나뉘며, 각 표는 문제, 기준, 심각도, 권장 사항을 담습니다.
- 색상 대비, 키보드 탐색, 스크린 리더 전용 표를 포함하며, 각 요소별로 안내되는 이름도 함께 기록합니다.
- 사용자를 막는 치명적 수정, 주요 개선 사항, 사소한 편의 사항을 구분한 순서형 우선순위 수정 목록입니다.
작동 방식
- 01감사할 대상 넘겨주기
이 명령은 Figma URL, 페이지 URL 또는 서술형 설명을 인수로 받아 그 대상을 감사합니다.
- 02열한 가지 AA 기준 확인
빠른 참조는 기준을 인식, 운용, 이해, 견고성 아래에 묶고, 각 기준의 성공 기준 번호와 임계값을 함께 제시합니다.
- 03다섯 가지 테스트 패스 실행
자동화 스캔, 키보드 전용 탐색, 스크린 리더 테스트, 대비 검증, 200% 확대 순서로 진행합니다.
- 04고정된 보고서 형식 작성
심각도 요약, 원칙별 발견 사항 표, 그리고 별도의 대비·키보드·스크린 리더 표를 담은 하나의 마크다운 보고서입니다.
- 05커넥터가 있으면 사용
디자인 도구가 연결되어 있으면 Figma에서 색상 값, 글꼴 크기, 터치 타깃을 읽고, 프로젝트 트래커가 있으면 발견 사항별로 티켓을 생성합니다.