mgifford/accessibility-skills
Developer tools이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기
클라드 스킬 모음 https://mgifford.github.io/ACCESSIBILITY.md
개요
예를 들어, 최고의 연습 가이드에서 파생 된 AI 에이전트 기술. 각 기술 증류는 에이전트 액션 규칙으로 전체 예제를 증류합니다. AGENTS.md 또는 ACCESSIBILITY.md 파일 ( GitHub Copilot, Cursor, 또는 AI 에이전트에 대한)를 통해 프로젝트에 대한 접근성 지침을 추가하려면 동반자가 되십시오. 전체 비교를 위해 ACCESSIBILITY.md를 참조하십시오. AI-Assisted Accessibility 감사 가이드 읽기. ARIA 엔지니어링에 대한 브라우저를 신뢰함으로써 최소한의 HTML, CSS 및 JavaScript를 작성하고 강조하는 보완적인 접근 방식을 위해 다음을 참조하십시오. 이 재포와 잘 어울리는 기술의 핵심 원칙: - - ARIA-hacked s에 기본 요소 (, , ) - - - 올바른 요소를 사용; ARIA 보충 HTML, 그것은 그것을 대체하지 않습니다 - - — 당신이 쓰기하지 않는 모든 ARIA 속성은 한 덜 휴식 - - - 사용 [aria-expanded="true"] 중복 modifier 클래스를 추가 대신 CSS 후크로 두 가지 기술 세트는 보완 : mikemai2awesome/agent-skills는 "사용 가능한 쓰기 방법 ...
개요(AI 번역)
examples/]에서 파생 된 AI 에이전트 기술.
각 기술 증류는 에이전트 액션 규칙으로 전체 예제를 증류합니다.
**examples/ 파일은 항상 진실의 원뿔 소스입니다. **
AGENTS.md 접근을 찾고 계십니까?
AGENTS.md또는ACCESSIBILITY.md]] 파일을 통해 프로젝트의 접근성 지침을 추가하려는 경우 ( GitHub Copilot, Cursor, 또는 AI 에이전트에 대한), 동반자 repo를 참조하십시오: mgifford/ACCESSIBILITY.md. 전체 비교를 위해 ACCESSIBILITY.md를 참조하십시오. New: Axe와 같은 스캐너를 사용할 때 확실하지? AI-Assisted Accessibility 감사 가이드 읽기.
유효한 기술
| 기술 | 멸종 | 설치 |
인포메이션
| ACCESSIBILITY-general | AGENTS.md + 프로젝트 전체 | 일반 프로젝트 기술 |
| 앵커링크 | [T5] | ✅ |
인포메이션 인포메이션 인포메이션 인포메이션 인포메이션 인포메이션
| 행동 | [T7] | ✅ |
| 버그 신고 | [T8] | ✅ |
| aria-live-regions | 【T9】 | ✅ |
| 오디오 비디오 | [T10] | ✅ |
이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.
README
원문 README의 일부입니다. 원문 보기.
A11y Skills Collection
AI agent skills derived from examples/ best practice guides.
Each skill distills a full example into agent-actionable rules.
The examples/ file is always the canonical source of truth.
Looking for the AGENTS.md approach? If you want to add accessibility guidance to a project via
AGENTS.mdorACCESSIBILITY.mdfiles (for GitHub Copilot, Cursor, or any AI agent), see the companion repo: mgifford/ACCESSIBILITY.md. See ACCESSIBILITY.md for a full comparison. New: Not sure when to use AI skills vs scanners like axe? Read AI-Assisted Accessibility Audits Guide.
Available Skills
| Skill | Derived from | Install |
|---|---|---|
| ACCESSIBILITY-general | AGENTS.md + project-wide |
General project skill |
| anchor-links | examples/ANCHOR_LINKS_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| axe-rules | examples/AXE_RULES_REFERENCE.md |
✅ |
| behavioral-a11y | examples/BEHAVIORAL_ACCESSIBILITY_AUTOMATION.md |
✅ |
| bug-reporting | examples/ACCESSIBILITY_BUG_REPORTING_BEST_PRACTICES.md |
✅ |
| aria-live-regions | examples/ARIA_LIVE_REGIONS_BEST_PRACTICES.md |
✅ |
| audio-video | examples/AUDIO_VIDEO_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| ci-cd | examples/CI_CD_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| charts-graphs | examples/CHARTS_GRAPHS_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| color-contrast | examples/COLOR_CONTRAST_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| content-design | examples/CONTENT_DESIGN_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| forms | examples/FORMS_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| image-alt-text | examples/IMAGE_ALT_TEXT_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| keyboard | examples/KEYBOARD_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| light-dark-mode | examples/LIGHT_DARK_MODE_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| maps | examples/MAPS_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| manual-testing | examples/MANUAL_ACCESSIBILITY_TESTING_GUIDE.md |
✅ |
| mermaid | examples/MERMAID_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| navigation | examples/NAVIGATION_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| plain-language | examples/PLAIN_LANGUAGE_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
추천 도구
다른 키워드를 입력하거나 필터를 제거해 보세요.
설치
npx skillfish add mgifford/accessibility-skills