skilld
All skills
aktsmm avatar

/web-accessibility

@848fd9b
by yamapanaktsmm/agent-skills26 stars
4

Build and review accessible web products using WCAG 2.2 AA. Use when implementing or reviewing forms, dialogs, navigation, keyboard flows, focus management, ARIA, color contrast, responsive UI, or framework-specific accessibility in React/Next.js, Angular, and Vue.

Ask your Agent

Use this Skill: https://skilld.dev/gh/aktsmm/agent-skills/web-accessibility

This session only. Nothing lands on disk.

referencesframework-patterns.md

≈325 tokens on demand. Your agent reads this file only when SKILL.md points to it.

Framework Patterns

React / Next.js

  • JSX の label は for ではなく htmlFor
  • Route change 後は page title と main heading の整合を保つ
  • Re-render で focus が飛ぶなら DOM identity を安定させる
  • Rich text を注入するなら heading、alt、ARIA を含めて sanitize する
  • Icon-only button、dialog close、toast announce は component 化して再利用する

Angular

  • (click) を div に置くより button を使う
  • Modal は Angular CDK Dialog / cdkTrapFocus を優先する
  • Router 遷移時の announce は LiveAnnouncer を使う
  • Template-driven form でも aria-invalid と aria-describedby を忘れない

Vue

  • @click を non-interactive element に置くなら role、tabindex、keyboard handling まで実装する
  • v-if で開く panel / dialog は nextTick 後の focus 移動を入れる
  • v-html は sanitize と structure validation を前提にする

Cross-framework Guardrails

  • Native component に寄せられるところは headless custom control を増やしすぎない
  • Design system component を直すときは a11y fix を利用側ではなく component 側へ寄せる
  • Browser runtime でしか確証が持てない挙動は、実装レビューだけで完了扱いにしない

Source: SKILL.md on GitHub

Third-party checks

No alerts4mo3 checks · Risk SAFE
  • Gen Agent Trust Hub4mo

    This skill is a purely informational set of guidelines and checklists focused on improving web accessibility based on WCAG 2.2 AA standards. It contains no executable scripts, shell commands, remote dependencies, or network-enabled operations.

  • Socket4mo

    No alerts

  • Snyk4mo

    Risk: LOW · No issues

Provenance

Signed by skilld at 848fd9b. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 17 hours ago.

Activeupdated 3 months ago

Capability

argument-hint
対象ファイル、画面、コンポーネント、または気になる accessibility 課題
user-invocable
true
metadata
{
  "author": "yamapan (https://github.com/aktsmm)"
}

README badge

README badge for aktsmm/agent-skills/web-accessibility