Style: Inclusive Design. Type: General. Keywords: Accessible, color-blind friendly, high contrast, haptic feedback, voice interaction, screen reader, WCAG AAA, universal. Primary Colors: WCAG AAA (7:1+ contrast), avoid red-green only, symbol-based indicators, high contrast primary. Secondary Colors: Supporting patterns (stripes, dots, hatch), symbols, combinations, clear non-color indicators. Effects & Animation: Haptic feedback (vibration), voice guidance, focus indicators (4px+ ring), motion options, alt content, semantic. Best For: Public services, education, healthcare, finance, government, accessible consumer, inclusive. Do Not Use For: None - accessibility universal. Light Mode: ✓ Full. Dark Mode: ✓ Full. Performance: ⚡ Excellent. Accessibility: ✓ WCAG AAA. Mobile-Friendly: ✓ High. Conversion-Focused: ✓ High. Framework Compatibility: All frameworks 10/10. Era/Origin: Universal. Complexity: Low. AI Prompt Keywords: Design for universal accessibility: high contrast (7:1+), large text (16px+), keyboard-only navigation, screen reader optimization, WCAG AAA compliance, symbol-based color indicators (not color-only), haptic feedback, voice interaction support, reduced motion options.. CSS/Technical: aria-* attributes complete, role attributes semantic, focus-visible: 3-4px ring, color-contrast: 7:1+, @media (prefers-reduced-motion), alt text on all images, form labels properly associated. Implementation Checklist: ☐ WCAG AAA verified, ☐ 7:1+ contrast all text, ☐ Keyboard accessible (Tab/Enter), ☐ Screen reader tested, ☐ Focus visible 3-4px, ☐ No color-only indicators, ☐ Haptic fallback. Design System Variables: --contrast-ratio: 7:1, --font-size: 16px+, --keyboard-accessible: true, --sr-compatible: true, --wcag-level: AAA, --color-symbols: true, --haptic: enabled.