스킬 accessibility-compliance
📦

accessibility-compliance

콘텐츠 리비전 r1 안전 ⚙️ 외부 명령어🌐 네트워크 접근

접근성 있는 인터페이스 감사 및 구축

접근성 요구사항은 웹, iOS, Android, 보조 기술 전반에서 복잡합니다. 이 스킬은 Claude, Codex, Claude Code에 실용적인 WCAG 2.2, ARIA, 키보드, 스크린 리더 패턴을 제공합니다.

지원: Claude Codex Code(CC)
Maintain this Skill? Claim it 📊 75 적절함

내 에이전트로 설치

이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.

에이전트 요청
Review the Skillstore skill "accessibility-compliance" from https://skillstore.io/skills/wshobson-accessibility-compliance.md and its manifest at https://skillstore.io/api/skills/wshobson-accessibility-compliance/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.

에이전트가 읽기 쉬운 리소스

AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.

Markdown 상세 GET /skills/wshobson-accessibility-compliance.md 서명된 manifest GET /api/skills/wshobson-accessibility-compliance/manifest 서명된 lockfile GET /api/skills/wshobson-accessibility-compliance/lockfile

테스트해 보기

"accessibility-compliance" 사용 중입니다. 모달 다이얼로그가 사용자가 배경을 클릭할 때만 닫힙니다.

예상 결과:

  • 문제: 키보드 사용자가 다이얼로그를 예측 가능하게 닫을 수 없습니다.
  • 수정: Escape 처리, 보이는 닫기 버튼, 포커스 트래핑, 닫은 후 포커스 반환을 추가하세요.
  • 테스트: 다이얼로그를 열고, 컨트롤을 탭으로 이동하고, Escape를 누른 뒤 포커스가 트리거로 돌아오는지 확인하세요.

"accessibility-compliance" 사용 중입니다. 커스텀 탭 컴포넌트가 클릭 가능한 div 요소를 사용합니다.

예상 결과:

  • 문제: 탭에 시맨틱 역할과 키보드 탐색이 없습니다.
  • 수정: 화살표 키 이동과 선택 상태를 포함해 tablist, tab, tabpanel 역할을 사용하세요.
  • 테스트: Tab, ArrowLeft, ArrowRight, Home, End로 탐색하세요.

"accessibility-compliance" 사용 중입니다. 모바일 제품 카드에 이미지, 가격, 평점, 장바구니 추가 액션이 있습니다.

예상 결과:

  • 권장사항: 관련 콘텐츠를 명확한 레이블이 있는 하나의 접근성 요소로 그룹화하세요.
  • 권장사항: 장바구니 추가 및 상세 보기용 커스텀 액션을 제공하세요.
  • 권장사항: VoiceOver 및 TalkBack 터치 탐색으로 동작을 확인하세요.

보안 감사

안전
v5 • 2026. 7. 7. 버전별 보고서 열기

I did not find evidence that the static analyzer hits represent real security issues. The flagged backticks, key references, URLs, Android terms, and checklist text are accessibility documentation or code examples, not command execution, secrets, or reconnaissance.

4
스캔된 파일
2,174
분석된 줄 수
0
검토 항목
0
오탐 무시됨

위험 요인

⚙️ 외부 명령어 (29)
references/aria-patterns.md:63-64 references/aria-patterns.md:64-93 references/aria-patterns.md:134-136 references/aria-patterns.md:136-150 references/aria-patterns.md:150-151 references/aria-patterns.md:151-161 references/aria-patterns.md:308-328 references/aria-patterns.md:328-342 references/aria-patterns.md:350-351 references/aria-patterns.md:351-386 references/mobile-accessibility.md:90-120 references/mobile-accessibility.md:120-138 references/mobile-accessibility.md:380-389 references/wcag-guidelines.md:512-516 references/wcag-guidelines.md:516-523 references/wcag-guidelines.md:604-608 SKILL.md:79-121 SKILL.md:121-125 SKILL.md:125-198 SKILL.md:198-202 SKILL.md:202-222 SKILL.md:222-270 SKILL.md:270-274 SKILL.md:274-306 SKILL.md:306-310 SKILL.md:310-342 SKILL.md:342-353 SKILL.md:353-357 SKILL.md:357-384
🌐 네트워크 접근 (3)
SKILL.md:418 SKILL.md:419 SKILL.md:420
가장 최근에 완료된 정적·의미론적 감사에서 확인된 보안 발견 사항이 감지되지 않았습니다. 이는 스킬에 부작용이 없음을 증명하지 않습니다.
감사자: codex 감사 이력 보기 →
이 보고서 공유 및 인용

버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.

버전별 보고서 열기
보안 평가

보고서 링크 복사

https://skillstore.io/skills/wshobson-accessibility-compliance/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 배지

[![Skillstore security assessment](https://skillstore.io/badges/skills/wshobson-accessibility-compliance/security.svg)](https://skillstore.io/skills/wshobson-accessibility-compliance?utm_source=security_passport_badge)

HTML 배지

<a href="https://skillstore.io/skills/wshobson-accessibility-compliance?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/wshobson-accessibility-compliance/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

임베드 카드

<iframe src="https://skillstore.io/embed/skills/wshobson-accessibility-compliance.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
학술 인용 (APA · BibTeX · CFF)

APA 인용

wshobson. (2026). accessibility-compliance security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/wshobson-accessibility-compliance/audits/5

BibTeX 인용

@techreport{wshobson-wshobson-accessibility-compliance-2026, author = {wshobson}, title = {accessibility-compliance security audit report (audit version 5)}, institution = {Skillstore}, year = {2026}, number = {5}, url = {https://skillstore.io/skills/wshobson-accessibility-compliance/audits/5}, note = {Author version unspecified} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "accessibility-compliance security audit report (audit version 5)" version: "unspecified" type: report authors: - name: "wshobson" date-released: "2026-07-07" url: "https://skillstore.io/skills/wshobson-accessibility-compliance/audits/5" identifiers: - type: other value: "skillstore:wshobson-accessibility-compliance:audit:5" description: "Skillstore immutable audit report identifier"

Skillstore 점수

이 점수의 이유 증거 신뢰도: 높음
45
아키텍처
85
유지보수성
87
콘텐츠
69
커뮤니티
83
사양 준수

만들 수 있는 것

제품 인터페이스 검토

페이지 또는 컴포넌트를 WCAG 2.2, 키보드 접근, 스크린 리더 동작, 보이는 포커스 요구사항에 따라 감사합니다.

포용적 컴포넌트 설계

구현을 시작하기 전에 접근성 있는 다이얼로그, 메뉴, 탭, 폼, 라이브 영역을 계획합니다.

모바일 접근성 개선

iOS 및 Android 경험에서 터치 대상 크기, VoiceOver, TalkBack, 제스처, 동적 텍스트를 확인합니다.

이 프롬프트를 사용해 보세요

기본 접근성 점검 
이 인터페이스의 기본 접근성 문제를 검토하세요. 레이블, 대체 텍스트, 제목, 키보드 접근, 포커스 가시성, 색상 대비에 집중하세요.
컴포넌트 패턴 수정 
이 컴포넌트를 접근성 있게 만드세요. 올바른 시맨틱 HTML, ARIA 속성, 키보드 상호작용, 포커스 동작, 스크린 리더 알림을 추가하세요.
WCAG 2.2 AA 감사 
이 흐름을 WCAG 2.2 Level AA에 따라 감사하세요. 문제를 성공 기준별로 그룹화하고, 사용자 영향을 설명하며, 실용적인 수정 사항을 권장하세요.
크로스 플랫폼 접근성 계획 
웹, iOS, Android 전반에서 이 제품 영역을 위한 접근성 구현 계획을 작성하세요. ARIA 패턴, 키보드 동작, VoiceOver, TalkBack, 텍스트 크기 조정, 테스트 범위를 포함하세요.

모범 사례

  • ARIA를 추가하기 전에 시맨틱 HTML 또는 네이티브 플랫폼 컨트롤부터 사용하세요.
  • 모든 인터랙티브 흐름을 키보드, 스크린 리더, 확대/축소, 모션 감소 설정으로 테스트하세요.
  • 팀이 올바른 패턴을 재사용할 수 있도록 컴포넌트 예제에 접근성 결정을 문서화하세요.

피하기

  • 포커스 표시기를 숨기거나 포인터 상호작용에만 의존하지 마세요.
  • 네이티브 요소가 이미 제공하는 동작을 다시 만들기 위해 ARIA를 사용하지 마세요.
  • 자동 스캔을 완전한 접근성 감사로 간주하지 마세요.

자주 묻는 질문

이 스킬은 WCAG 2.2를 지원하나요?
예. WCAG 2.2 지침, 성공 기준 예제, Level AA 구현 점검을 포함합니다.
제품을 법적으로 준수하게 만들 수 있나요?
아니요. 구현과 검토를 지원하지만, 법적 준수에는 전문가 판단과 실제 사용자 검증이 필요합니다.
모바일 접근성도 다루나요?
예. iOS VoiceOver, Android TalkBack, 터치 대상, 제스처, 텍스트 크기 조정 지침을 포함합니다.
자동 접근성 도구를 대체할 수 있나요?
아니요. axe, WAVE, Lighthouse와 같은 도구 및 수동 보조 기술 테스트와 함께 사용하세요.
어떤 컴포넌트 패턴이 포함되어 있나요?
버튼, 폼, 다이얼로그, 아코디언, 탭, 메뉴, 콤보박스, 툴바, 라이브 영역을 다룹니다.
어떤 AI 도구가 이 스킬을 사용할 수 있나요?
보고서에는 Claude, Codex, Claude Code 지원이 나열되어 있습니다.

개발자 세부 정보

작성자

wshobson

라이선스

MIT

Skillstore 리비전

r1

버전 안내

작성자가 버전을 선언하지 않았습니다.

리포지토리

https://github.com/wshobson/agents/tree/main/plugins/ui-design/skills/accessibility-compliance/

참조

36e07d5e13068e5be64447e8f20b427cf2cbd21a

유지보수 최신성

2026. 7. 20.

사용량

7 다운로드 · 143 조회

파일 구조

📁 references/

📄 aria-patterns.md

📄 mobile-accessibility.md

📄 wcag-guidelines.md

📄 SKILL.md

wshobson의 다른 스킬

전체 보기

관련 스킬

전체 보기