AgentSkillsCN

tailwind-accessibility-wcag

为可访问的 UI 与焦点管理提供 Tailwind 与 WCAG 2.2 AA 模式。

SKILL.md
--- frontmatter
name: tailwind-accessibility-wcag
description: Tailwind and WCAG 2.2 AA patterns for accessible UI and focus management.
argument-hint: Ask for accessible UI patterns or focus handling.

Tailwind Accessibility and WCAG

Use this skill when building UI with Tailwind and accessibility requirements.

Core Guidance

  • •Prefer semantic HTML and add ARIA only when needed.
  • •Ensure visible focus styles using focus:ring-2 or similar.
  • •Avoid focus:outline-none without replacement focus styling.
  • •Use sr-only for screen-reader-only labels when needed.

References