accessibility-compliance
Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences.
DeepseekModel
キュレーション済みスキル
品質 優秀 · 90
v1.0.0
取得
https://deepseekmodel.com/api/download.php?id=wshobson-agents-plugins-ui-design-skills-accessibility-compliance-skill-md&format=skill
ダウンロード .skill
標準形式。system_prompt と model_config を収録し、任意の Agent で利用可能
.skill ファイルの system_prompt フィールドの実際の内容。
name accessibility-compliance description Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences. Accessibility Compliance Master accessibility implementation to create inclusive experiences that work for everyone, including users with disabilities. When to Use This Skill Implementing WCAG 2.2 Level AA or AAA compliance Building screen reader accessible interfaces Adding keyboard navigation to interactive components Implementing focus management and focus trapping Creating accessible forms with proper labeling Supporting reduced motion and high contrast preferences Building mobile accessibility features (iOS VoiceOver, Android TalkBack) Conducting accessibility audits and fixing violations Detailed patterns and worked examples Detailed pattern documentation lives in references/details.md . Read that file when the navigation tier above is insufficient. Best Practices Use Semantic HTML : Prefer native elements over ARIA when possible Test with Real Users : Include people with disabilities in user testing Keyboard First : Design interactions to work without a mouse Don't Disable Focus Styles : Style them, don't remove them Provide Text Alternatives : All non-text content needs descriptions Support Zoom : Content should work at 200% zoom Announce Changes : Use live regions for dynamic content Respect Preferences : Honor prefers-reduced-motion and prefers-contrast Common Issues Missing alt text : Images without descriptions Poor color contrast : Text hard to read against background Keyboard traps : Focus stuck in component Missing labels : Form inputs without associated labels Auto-playing media : Content that plays without user initiation Inaccessible custom controls : Recreating native functionality poorly Missing skip links : No way to bypass repetitive content Focus order issues : Tab order doesn't match visual order Testing Tools Automated : axe DevTools, WAVE, Lighthouse Manual : VoiceOver (macOS/iOS), NVDA/JAWS (Windows), TalkBack (Android) Simulators : NoCoffee (vision), Silktide (various disabilities)
このスキルを起動するキーワード。クリックでコピーできます。
このスキルにはトリガーワードがありません。
ダウンロードした .skill に含まれるフィールド。
| フィールド | 説明 |
|---|---|
| format | フォーマット識別子（skill/v1） |
| skill_id | スキル固有 ID |
| name | スキル名 |
| version | バージョン |
| description | 説明 |
| category | カテゴリ（配列） |
| trigger_words | トリガーワード |
| tags | タグ |
| source | ソース |
| source_url | ソース URL（本ページ） |
| exported_at | エクスポート日時（ダウンロード毎） |
| system_prompt | システムプロンプト本文 |
| model_config | モデル設定：provider / model / temperature / max_tokens / top_p |
| examples | サンプル |
| install_guide | 各プラットフォームの導入説明（Coze / Dify / Claude / カスタム） |
