standards-accessibility
✓의미론적 HTML, 적절한 ARIA 속성, 키보드 탐색, 색상 대비 및 화면 판독기 호환성을 사용하여 접근 가능한 사용자 인터페이스를 구축합니다. 프런트엔드 구성 요소, HTML 템플릿, React/Vue/Svelte 구성 요소, 양식, 대화형 요소, 탐색 메뉴, 모달 또는 UI 요소를 생성하거나 수정할 때 이 기술을 사용하세요. HTML 파일, JSX/TSX 구성 요소, 템플릿 파일 작업, 키보드 접근성 보장, 포커스 관리 구현, 이미지에 대체 텍스트 추가, 양식 레이블 생성, 화면 판독기로 테스트, ARIA 속성 관리, 색상 대비 비율 유지 또는 제목 계층 구축 시 적용합니다. UI 접근성 준수, WCAG 표준 또는 포괄적인 디자인 패턴과 관련된 모든 작업에 사용합니다.
SKILL.md
Core Rule: Build accessible interfaces that work for all users, including those using assistive technologies.
This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle frontend accessibility.
Use native HTML elements that convey meaning to assistive technologies.
의미론적 HTML, 적절한 ARIA 속성, 키보드 탐색, 색상 대비 및 화면 판독기 호환성을 사용하여 접근 가능한 사용자 인터페이스를 구축합니다. 프런트엔드 구성 요소, HTML 템플릿, React/Vue/Svelte 구성 요소, 양식, 대화형 요소, 탐색 메뉴, 모달 또는 UI 요소를 생성하거나 수정할 때 이 기술을 사용하세요. HTML 파일, JSX/TSX 구성 요소, 템플릿 파일 작업, 키보드 접근성 보장, 포커스 관리 구현, 이미지에 대체 텍스트 추가, 양식 레이블 생성, 화면 판독기로 테스트, ARIA 속성 관리, 색상 대비 비율 유지 또는 제목 계층 구축 시 적용합니다. UI 접근성 준수, WCAG 표준 또는 포괄적인 디자인 패턴과 관련된 모든 작업에 사용합니다. 출처: maxritter/claude-codepro.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/maxritter/claude-codepro --skill standards-accessibility- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-05
- 업데이트
- 2026-02-18
빠른 답변
standards-accessibility이란?
의미론적 HTML, 적절한 ARIA 속성, 키보드 탐색, 색상 대비 및 화면 판독기 호환성을 사용하여 접근 가능한 사용자 인터페이스를 구축합니다. 프런트엔드 구성 요소, HTML 템플릿, React/Vue/Svelte 구성 요소, 양식, 대화형 요소, 탐색 메뉴, 모달 또는 UI 요소를 생성하거나 수정할 때 이 기술을 사용하세요. HTML 파일, JSX/TSX 구성 요소, 템플릿 파일 작업, 키보드 접근성 보장, 포커스 관리 구현, 이미지에 대체 텍스트 추가, 양식 레이블 생성, 화면 판독기로 테스트, ARIA 속성 관리, 색상 대비 비율 유지 또는 제목 계층 구축 시 적용합니다. UI 접근성 준수, WCAG 표준 또는 포괄적인 디자인 패턴과 관련된 모든 작업에 사용합니다. 출처: maxritter/claude-codepro.
standards-accessibility 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/maxritter/claude-codepro --skill standards-accessibility 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/maxritter/claude-codepro
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-05