Communitygithub.com

alt-oss/dev-design

UI 키보드 접근성, 포커스, 접근 가능한 이름, 구조, 대비 및 모션 동작을 검토할 때 사용합니다.

dev-design란 무엇인가요?

이 스킬은 브라우저 기반 UI의 접근성(Accessibility)을 심층 검토하기 위한 전문 가이드입니다. 개발자와 QA 엔지니어가 시맨틱 랜드마크/제목, 의미 있는 이름, 레이블/입력 및 오류 연결, 포커스 가시성/순서/복원, 키보드 활성화 및 이스케이프 동작, 대비, 확대/재배치 및 축소 모션 동작을 체계적으로 점검할 수 있도록 돕습니다. 실제 브라우저 동작(예: press_key API 대신 실제 키보드 입력 사용)을 통해 접근성을 증명해야 하며, dispatchEvent나 스크립트 기반 포커스는 신뢰할 수 있는 키보드 증거로 인정되지 않습니다. 또한 기존 접근성 자동화를 실행하여 결과를 기록하고, 차단/주요/사소 문제를 증거와 함께 분류한 후 수정 및 재테스트를 수행합니다. 이 스킬은 전면적인 WCAG 적합성을 주장하지 않으며, 검토되지 않은 항목은 '보류'로 기록하여 투명한 감사 범위를 유지합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/alty-oss/dev-design/tree/HEAD/skills/accessibility-review

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

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

문서

접근성 검토

English 구현된 기본 흐름과 관련 복구 상태를 브라우저 검증 계약을 사용하여 검토합니다. 시맨틱 랜드마크/제목, 의미 있는 이름, 레이블/입력 및 오류 연결, 포커스 가시성, 포커스 순서/복원, 키보드 활성화 및 이스케이프 동작, 대비, 확대/재배치 및 축소 모션 동작을 확인합니다. 지원되는 기본 키보드 입력을 관찰 가능한 포커스/활성화 변경과 교정합니다. 명명된 press_key API가 동작 변경 없이 사용되는 것은 불충분합니다. 사용 가능한 경우 문서화된 기본 대안을 하나 시도하고, 실패하면 지원되지 않음으로 표시합니다. dispatchEvent 및 스크립트 기반 포커스는 신뢰할 수 있는 키보드 증거가 아닙니다. 키보드 주장에 대해 실제 브라우저 동작을 사용하십시오. 오버레이 및 검증을 검사합니다. 스크린샷만으로는 포커스 순서나 보조 기술 동작을 증명할 수 없습니다. 단색 배경의 경우 불투명도/상속/합성을 포함한 실제 계산된 전경/배경 색상에서 대비를 계산합니다. 복잡한 배경이 필요한 경우 픽셀 분석을 사용합니다. 방법, 색상, 비율 및 범위를 기록합니다. 사용 가능한 경우 기존 접근성 자동화를 실행하고, 그 범위와 결과를 기록합니다. 단지 적용 범위를 주장하기 위해 도구 의존성을 추가하지 마십시오. 문제를 차단/주요/사소로 분류하여 증거 및 수정 사항과 함께 기록하고, 수정 후 영향을 받은 동작을 재테스트합니다. 확인되지 않은 검사는 '보류'로 기록합니다. 자동화된 스캔과 제한된 수동 검사만으로는 완전한 WCAG 적합성을 확립할 수 없습니다. 필요한 감사 범위 없이 전반적인 규정 준수를 선언하지 마십시오.

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

관련 스킬