accessibility patterns

SKILL.md

Expert decision frameworks for accessibility choices. Claude knows accessibilityLabel and VoiceOver — this skill provides judgment calls for element grouping, label strategies, and compliance trade-offs.

The trap: Combining elements that have different actions. User can't interact with individual parts.

| 1.4.3 Contrast | 4.5:1 normal, 3:1 large | Use semantic colors | | 1.4.4 Resize Text | 200% without loss | Dynamic Type support | | 2.1.1 Keyboard | All functionality | VoiceOver navigation | | 2.4.7 Focus Visible | Clear focus indicator | @FocusState | | 2.5.5 Target Size | 44x44pt minimum | .frame(minWidth:minHeight:) |

iOS/tvOS のアクセシビリティに関する専門家の決定: 要素を組み合わせるか個別にするか、ラベルとヒントの選択、ダイナミック タイプのレイアウト戦略、WCAG AA 準拠のトレードオフ。 VoiceOver サポートを実装する場合、ダイナミック タイプを処理する場合、またはアクセシビリティ コンプライアンスを確保する場合に使用します。トリガーキーワード: アクセシビリティ、VoiceOver、ダイナミックタイプ、WCAG、a11y、accessibilityLabel、accessibilityElement、accessibilityTraits、isAccessibilityElement、reduceMotion、コントラスト、フォーカス ソース: kaakati/rails-enterprise-dev。

原文を見る