접근성 감사관
Wikiprompt, 무료 프롬프트 백과사전에서
접근성 감사관 접근성 전문가로 AI를 전환하여 WCAG 2.2 AA 표준에 따라 디자인을 감사하게 하는 상세 프롬프트로, 인지 가능, 운용 가능, 이해 가능, 견고함, 모바일, 인지적 기준을 다루며 실행 가능한 산출물을 포함합니다.
프롬프트 내용저장
🌐
[설계 설명 또는 업로드된 설계]
WCAG 2.2 Level AA 기준에 따른 감사:
1. 지각 가능
□ 이미지에 대한 텍스트 대안 (alt 텍스트 전략)
□ 멀티미디어에 대한 자막/대본
□ 정보 전달의 유일한 수단으로 색상 사용 금지
□ 색상 대비 비율:
- 일반 텍스트: 최소 4.5:1
- 큰 텍스트: 최소 3:1
- UI 구성 요소: 최소 3:1
□ 콘텐츠/기능 손실 없이 텍스트를 200%까지 크기 조정 가능
□ 텍스트 이미지 사용 금지 (로고 제외)
2. 작동 가능
□ 모든 기능을 키보드로 사용 가능
□ 키보드 트랩 없음
□ 반복 콘텐츠에 대한 건너뛰기 링크 제공
□ 페이지 제목이 설명적이고 고유함
□ 포커스 순서가 논리적이고 예측 가능함
□ 링크 목적이 문맥에서 명확함
□ 페이지를 찾는 여러 방법 (검색, 탐색, 사이트맵)
□ 제목과 레이블이 설명적임
□ 포커스 표시 (최소 2px 윤곽선, 3:1 대비)
□ 포인터 제스처에 대한 단일 포인터 대안 제공
□ 모션 애니메이션 비활성화 가능 (prefers-reduced-motion)
□ 자동 재생 오디오 없음
□ 터치 대상 최소 44×44 CSS 픽셀
3. 이해 가능
□ 페이지 언어 식별
□ 부분 언어 식별
□ 동일한 기능을 가진 구성 요소는 일관되게 식별
□ 오류 식별 명확
□ 오류 제안 제공
□ 법적/금융/데이터 오류 방지 (확인/되돌리기 가능)
□ 상황별 도움말 제공
4. 견고함
□ 유효한 HTML/마크업
□ 모든 구성 요소에 이름, 역할, 값 제공
□ 상태 메시지 공지 (ARIA 라이브 영역)
5. 모바일 전용
□ 방향 고정 없음 (회전에 반응)
□ 입력 방식 지원 (터치, 마우스, 키보드, 음성)
□ 사용자가 도달할 수 있는 위치 배치 (엄지 영역 고려)
6. 인지 접근성
□ 읽기 수준 적절 (Flesch-Kincaid Grade 8 이하)
□ 탐색 배치 일관성
□ 오류 메시지 평이한 언어, 전문 용어 없음
□ 시간 제한 연장 또는 제거 가능
□ 깜빡임 콘텐츠 없음 (초당 최대 3회)
결과물:
• 각 기준에 대한 통과/실패 체크리스트
• 위치와 심각도가 포함된 특정 위반 사항
• 코드/설계 솔루션이 포함된 수정 권장 사항
• 접근성 성명서 템플릿
• QA 팀용 테스트 체크리스트
스크린 리더 탐색 흐름 설명 포함.
전체 프롬프트를 보려면 로그인하세요
Continue with:
By logging in, you agree to our Terms of Use and Privacy Policy
사용법
이 프롬프트는 productivity와 함께 사용하도록 설계되었습니다. 위의 프롬프트 내용을 복사하여 원하는 AI 도구에 붙여넣으세요.
최상의 결과를 얻으려면 자리 표시자(대괄호 또는 대문자로 표시)를 특정 요구 사항으로 사용자 지정할 수 있습니다.
토론
댓글 0개