스킬 accessibility-fundamentals

📦

accessibility-fundamentals

Name: accessibility-fundamentals
Author: DanielPodolsky

콘텐츠 리비전 r1 안전 ⚙️ 외부 명령어

React 접근성 기본 사항 검토

인터랙티브 React 인터페이스는 키보드, 레이블 지정, 포커스 요구사항을 놓치는 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code가 JSX, 폼, 내비게이션, 다이얼로그에 대해 실용적인 WCAG 점검을 수행하도록 안내합니다.

지원: Claude Codex Code(CC)

🥉 79 브론즈

Maintain this Skill? Claim it 🥉 79 브론즈

내 에이전트로 설치

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

에이전트 요청

Review the Skillstore skill "accessibility-fundamentals" from https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals.md and its manifest at https://skillstore.io/api/skills/danielpodolsky-accessibility-fundamentals/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

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

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

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

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

테스트해 보기

"accessibility-fundamentals" 사용 중입니다. 풀 리퀘스트가 아이콘만 있는 삭제 버튼과 placeholder만 있는 필드가 포함된 폼을 추가합니다.

예상 결과:

리뷰는 누락된 접근 가능한 이름과 누락된 폼 레이블을 식별하고, 사용자 영향을 설명하며, 보이는 레이블과 명확한 버튼 이름을 권장합니다.

"accessibility-fundamentals" 사용 중입니다. 모달 컴포넌트가 내비게이션 메뉴에서 열리고 마우스 클릭으로만 닫힙니다.

예상 결과:

리뷰는 키보드로 닫는 동작 누락, 포커스 트랩 요구사항, 트리거로 포커스를 되돌려야 할 필요성을 강조합니다.

"accessibility-fundamentals" 사용 중입니다. 페이지가 색상 있는 상태 배지를 사용하고 기본 포커스 윤곽선을 제거합니다.

예상 결과:

리뷰는 색상에만 의존한 의미 전달과 보이지 않는 키보드 포커스를 지적한 다음, 텍스트 표시와 보이는 포커스 스타일을 제안합니다.

보안 감사

안전

v9 • 2026. 7. 6. 버전별 보고서 열기

All external command findings are false positives caused by Markdown inline code and fenced JSX, CSS, testing, and MCP examples in SKILL.md. The system reconnaissance finding is also a false positive for a CSS focus outline declaration. No prompt injection, credential handling, exfiltration intent, or malicious behavior was found.

스캔된 파일

287

분석된 줄 수

검토 항목

오탐 무시됨

가장 최근에 완료된 정적·의미론적 감사에서 확인된 보안 발견 사항이 감지되지 않았습니다. 이는 스킬에 부작용이 없음을 증명하지 않습니다.

감사자: codex 감사 이력 보기 →

이 보고서 공유 및 인용

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

버전별 보고서 열기

보고서 링크 복사

https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 배지

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

HTML 배지

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

임베드 카드

<iframe src="https://skillstore.io/embed/skills/danielpodolsky-accessibility-fundamentals.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 인용

DanielPodolsky. (2026). accessibility-fundamentals security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals/audits/9

BibTeX 인용

@techreport{danielpodolsky-danielpodolsky-accessibility-fundamentals-2026,
  author = {DanielPodolsky},
  title = {accessibility-fundamentals security audit report (audit version 9)},
  institution = {Skillstore},
  year = {2026},
  number = {9},
  url = {https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals/audits/9},
  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-fundamentals security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
  - name: "DanielPodolsky"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals/audits/9"
identifiers:
  - type: other
    value: "skillstore:danielpodolsky-accessibility-fundamentals:audit:9"
    description: "Skillstore immutable audit report identifier"

Skillstore 점수

이 점수의 이유 증거 신뢰도: 높음

아키텍처

유지보수성

콘텐츠

커뮤니티

사양 준수

만들 수 있는 것

병합 전 React 폼 검토

풀 리퀘스트가 승인되기 전에 레이블, 오류 메시지, invalid 상태, 키보드 동작을 점검합니다.

디자인 시스템 컴포넌트 평가

버튼, 아이콘 컨트롤, 모달, 메뉴, 내비게이션 패턴에서 재사용 가능한 접근성 문제를 평가합니다.

인터뷰에 활용할 접근성 노트 준비

구현 작업을 시맨틱 HTML, 포커스 관리, 포용적 디자인 결정에 대한 명확한 예시로 바꿉니다.

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

초급 JSX 점검

기본 접근성 관점에서 이 JSX를 검토하세요. 시맨틱 요소, 레이블, alt 텍스트, 키보드 접근, 보이는 포커스 상태에 집중하세요.

폼 접근성 검토

접근성 관점에서 이 폼을 감사하세요. 레이블 연결, 오류 메시지 연결, aria-invalid 사용, placeholder 의존, 키보드로 완료 가능 여부를 점검하세요.

인터랙티브 컴포넌트 감사

키보드 동작, 포커스 관리, 닫기 경로, 접근 가능한 이름, 적절한 ARIA 상태 관점에서 이 인터랙티브 컴포넌트를 검토하세요.

고급 릴리스 게이트

릴리스 준비 수준의 접근성 리뷰를 수행하세요. WCAG 영향, 사용자 위험, 수동 테스트 범위, 자동화 테스트 공백, 구체적인 개선 단계를 우선순위로 다루세요.

모범 사례

ARIA 속성을 추가하기 전에 시맨틱 HTML부터 시작하세요.
변경을 승인하기 전에 모든 인터랙티브 흐름을 키보드로 테스트하세요.
자동화된 axe 점검을 수동 스크린 리더, 확대, 포커스 리뷰와 함께 사용하세요.

피하기

네이티브 키보드 동작 없이 div 또는 span 요소를 버튼처럼 사용하는 것.
폼 필드의 유일한 레이블로 placeholder를 사용하는 것.
보이는 대체 스타일 없이 포커스 윤곽선을 제거하는 것.

자주 묻는 질문

이 스킬은 접근성 테스트를 자동으로 실행하나요?

아니요. 리뷰 가이드와 테스트 제안을 제공하지만, 실제 도구는 사용자나 에이전트가 실행해야 합니다.

어떤 프레임워크에 가장 잘 맞나요?

React와 JSX에 가장 잘 맞으며, 특히 폼, 버튼, 내비게이션, 다이얼로그, 커스텀 상호작용이 있는 컴포넌트에 적합합니다.

WCAG 감사를 대체하나요?

아니요. 일반적인 문제를 찾는 데 도움이 되지만, 공식 준수에는 더 폭넓은 테스트와 전문가 리뷰가 필요합니다.

ARIA 결정에 도움이 될 수 있나요?

네. 일반적인 ARIA 속성을 설명하고, ARIA를 추가하기 전에 시맨틱 HTML을 먼저 사용하도록 권장합니다.

최상의 리뷰를 위해 무엇을 제공해야 하나요?

최상의 리뷰를 위해 컴포넌트 코드, 예상 사용자 흐름, 유효성 검사 동작, 포커스나 상태에 대한 디자인 요구사항을 제공하세요.

디자이너에게도 유용한가요?

네. 디자이너는 핸드오프 전에 레이블, 포커스 상태, 색상 의존성, 상호작용 요구사항을 점검하는 데 사용할 수 있습니다.

개발자 세부 정보

작성자

DanielPodolsky

라이선스

MIT

Skillstore 리비전

버전 안내

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

리포지토리

https://github.com/DanielPodolsky/mentor-spec/tree/main/.claude/skills/fundamentals/accessibility

참조

34f316ba14ef36c7a620fc09f2676d2429997a77

유지보수 최신성

2026. 7. 22.

사용량

7 다운로드 · 203 조회

파일 구조

Next.js 성능 최적화

작성자 Atman36

Next.js 애플리케이션은 큰 번들, 약한 캐싱, 최적화되지 않은 미디어로 인해 느려질 수 있습니다. 이 스킬은 Claude, Codex, Claude Code가 프로덕션 앱을 대상으로 집중적인 성능 개선을 진행하도록 안내합니다.

코딩 및 개발 보기

accessibility-fundamentals

내 에이전트로 설치

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

테스트해 보기

보안 감사

위험 요인

보고서 링크 복사

Markdown 배지

HTML 배지

임베드 카드

APA 인용

BibTeX 인용

CITATION.cff

Skillstore 점수

만들 수 있는 것

병합 전 React 폼 검토

디자인 시스템 컴포넌트 평가

인터뷰에 활용할 접근성 노트 준비

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

모범 사례

피하기

자주 묻는 질문

개발자 세부 정보

DanielPodolsky의 다른 스킬

frontend-fundamentals

fundamentals-gate

engineering-fundamentals

performance-gate

error-handling-fundamentals

security-gate

관련 스킬

senior-fullstack

vercel-react-view-transitions

swiftui-expert-skill

react-dev

senior-frontend

nextjs-optimization