
mgifford/accessibility-skills
Developer toolsЭта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал
Оригинальное название: Claude Skill to mirror
Обзор
Навыки агента ИИ, полученные из примеров / руководств по передовой практике. Каждый навык перегоняет полный пример в действующие правила. Если вы хотите добавить руководство по доступности к проекту через файлы AGENTS.md или ACCESSIBILITY.md (для GitHub Copilot, Cursor или любого агента AI), см. ACCESSIBILITY.md для полного сравнения. Читайте руководство по аудиту доступности с помощью ИИ. Для дополнительного, ориентированного на интерфейс подхода, который подчеркивает написание минимального, доступного HTML, CSS и JavaScript, доверяя браузеру над разработкой ARIA, см.: Ключевые принципы этого навыка, которые хорошо согласуются с этим репо: - нативные элементы ( , , ) над ARIA-hacked s - - используйте правильный элемент; ARIA дополняет HTML, он не заменяет его - - каждый атрибут ARIA, который вы не пишете, - это на одну вещь меньше, чтобы сломать - - используйте [aria-expanded="true"] в качестве крючков CSS вместо добавления избыточных классов модификаторов Эти два набора навыков являются взаимодополняющими: mikemai2awesome/agent-skills охватывает "как писать доступные тексты".
Обзор (машинный перевод)
Навыки агента ИИ, полученные из руководств по наилучшей практике.
Каждый навык перегоняет полный пример в действующие правила.
Файл examples/ всегда является каноническим источником истины.
В поисках подхода AGENTS.md? Если вы хотите добавить руководство по доступности к проекту через файлы
AGENTS.mdилиACCESSIBILITY.md(для GitHub Copilot, Cursor или любого агента AI), см. сопутствующее репо: mgifford/ACCESSIBILITY.md. ACCESSIBILITY.md для полного сравнения. **Новый: не уверены, когда использовать навыки ИИ против сканеров, как топор? ** Читайте руководство по аудиту доступности с помощью ИИ.
Доступные навыки
Скриншоты из игры | Install |
[править править код]
| ДОСТУПНОСТЬ-общее | AGENTS.md + общепроектное | Общепроектное мастерство |
examples/ANCHOR_LINKS_ACCESSIBILITY_BEST_PRACTICES.md examples/ANCHOR_LINKS_ACCESSIBILITY_BEST_PRACTICES.md examples/ANCHOR_LINKS_ACCESSIBILITY_BEST_PRACTICES.md examples/ANCHOR_LINKS_ACCESSIBILITY_BEST_PRACTICES.md] examples/ANCHOR_LINKS_ACCESSIBILITY_BEST_PRACTICES.md]
[[Т6]][править править код]
[[Т7]][[Т7]][[ТВ]][[ТВ]]][[ТВ]][[ТВ]]][[ТВ]][ТВ]]
examples/ACCESSIBILITY_BUG_REPORTING_BEST_PRACTICES.md[править править код]]
[[Т9]] [[ТВ]] [[ТВ]]] [[ТВ]] [[ТВ]]] [[ТВ]]]
| аудио-видео | examples/AUDIO_VIDEO_ACCESSIBILITY_BEST_PRACTICES.md |
Эта страница переведена автоматически. Технические детали смотрите в оригинале.
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