Создание доступных веб-интерфейсов
Многие веб-интерфейсы исключают пользователей, которые используют клавиатуру, screen readers или настройки высокой контрастности. Этот skill помогает в реализации, ревью и тестировании доступных UI-компонентов с фокусом на WCAG.
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "web-accessibility" from https://skillstore.io/skills/supercent-io-web-accessibility.md and its manifest at https://skillstore.io/api/skills/supercent-io-web-accessibility/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「web-accessibility」を使用しています。 A product form needs accessibility review before launch.
期待される結果:
「web-accessibility」を使用しています。 A React modal closes with a mouse but has no keyboard behavior.
期待される結果:
「web-accessibility」を使用しています。 A tab interface needs WCAG AA support.
期待される結果:
All 74 static findings were reviewed against SKILL.md and SKILL.toon. The alerts are false positives from Markdown code fences, inline accessibility examples, documentation links, and relative documentation references. No prompt injection, malicious intent, executable shell commands, credential handling, or runtime network or filesystem behavior was found.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/supercent-io-web-accessibility/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/supercent-io-web-accessibility?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/supercent-io-web-accessibility?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/supercent-io-web-accessibility/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/supercent-io-web-accessibility.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>supercent-io. (2026). web-accessibility security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/supercent-io-web-accessibility/audits/5@techreport{supercent-io-supercent-io-web-accessibility-2026,
author = {supercent-io},
title = {web-accessibility security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/supercent-io-web-accessibility/audits/5},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "web-accessibility security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "supercent-io"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/supercent-io-web-accessibility/audits/5"
identifiers:
- type: other
value: "skillstore:supercent-io-web-accessibility:audit:5"
description: "Skillstore immutable audit report identifier"
各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
89jobrien-web-accessibility
2026-09-09
supercent-io-web-accessibility
2026-09-09
Сгенерировать доступные паттерны для forms, modals, dropdowns, tabs и navigation до начала реализации.
Преобразовать проблему доступности в checklist, охватывающий semantics, keyboard access, ARIA, contrast и testing.
Преобразовать product requirements в правила доступности, которые engineering teams смогут реализовать и протестировать.
Проверьте эту button или link на доступность по WCAG AA. Включите требования к semantic HTML, label, focus и keyboard.
Сделайте эту form доступной для screen readers и keyboard users. Включите labels, errors, hints, required fields и validation messages.
Спроектируйте accessible modal для моего framework. Включите focus trap behavior, ESC handling, ARIA attributes и testing steps.
Проведите аудит этой page по WCAG 2.1 AA. Верните prioritized issues, user impact, fixes, а также manual and automated test coverage.
作成者
supercent-ioライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
36e07d5e13068e5be64447e8f20b427cf2cbd21a
メンテナンスの新しさ
2026/7/21
利用状況
23 ダウンロード · 154 閲覧
ファイル構成
📄 SKILL.md
Повысить точность облегченных моделей
Облегченные модели могут упускать контекст, когда вопросы поступают после важной информации. Этот skill повторяет подходящие промпты с ограничениями, чтобы повысить точность в выбранных задачах.
Проектируйте более качественные REST и GraphQL API
Командам API нужны согласованные контракты до начала реализации. Этот навык помогает проектировать ресурсы, форматы запросов, ошибки, версионирование и документацию.
Безопасный рефакторинг кода
Сложный код замедляет внесение изменений и повышает риск регрессий. Этот навык направляет рефакторинг с сохранением поведения с помощью тестов, паттернов выделения и шагов проверки.
Пишите понятные руководства для пользователей
Командам нужна пользовательская документация, которая объясняет задачи, не запутывая читателей. Этот навык структурирует руководства, учебные материалы, документацию для онбординга и FAQ простым языком.
Систематическая отладка проблем в коде
Баги отнимают инженерное время, когда симптомы скрывают настоящую причину. Этот навык помогает структурированно воспроизводить проблему, изолировать ее, анализировать первопричину, исправлять ошибки и предотвращать регрессии.
Планирование Agile-задач и спринтовых бэклогов
Команды часто превращают широкие идеи функций в неясные рабочие элементы. Этот навык структурирует функции в пользовательские истории, критерии приемки, задачи, приоритеты и планы спринтов.
Создавайте более качественные функции SwiftUI
作成者 avdlee
В проектах SwiftUI могут накапливаться устаревшие API, хрупкое состояние и медленные обновления представлений. Этот навык дает сфокусированные рекомендации для современного и поддерживаемого кода SwiftUI.
Реализация React View Transitions
作成者 vercel-labs
Переходы представлений React легко разместить неправильно, что приводит к незаметным или избыточным анимациям. Этот навык помогает выбирать анимации для маршрутов, Suspense, списков и общих элементов.
Создание шаблонов React Email с Resend
作成者 resend
Создавать готовые к продакшену email-шаблоны сложно, потому что почтовые клиенты отличаются друг от друга. Этот навык помогает Claude, Codex и Claude Code работать с компонентами React Email, отправкой, стилизацией, локализацией и редакторскими рабочими процессами.
Улучшение практик Vue 3 TypeScript
作成者 hyf0
Проекты Vue на TypeScript часто сталкиваются с запутанными ошибками шаблонов, маршрутизатора и Volar. Этот навык дает целевые исправления Vue 3 для Codex, Claude и Claude Code.
Улучшение компонентов Vue Options API
作成者 vuejs-ai
Проекты на Vue Options API могут терять безопасность типов и корректную привязку this. Этот skill дает прямые шаблоны для более безопасных компонентов Vue.
Создание готовых к промышленной эксплуатации фронтенд-функций
作成者 davila7
Фронтенд-командам нужны согласованные рекомендации по React и Next.js для разных проектов. Этот навык предоставляет справочные рабочие процессы, практики обеспечения качества и вспомогательные скрипты для анализа фронтенда.