🏠 ホーム
ベンチマーク
📊 すべてのベンチマーク 🦖 恐竜 v1 🦖 恐竜 v2 ✅ To-Doリストアプリ 🎨 クリエイティブフリーページ 🎯 FSACB - アルティメットショーケース 🌍 翻訳ベンチマーク
モデル
🏆 トップ10モデル 🆓 無料モデル 📋 すべてのモデル ⚙️ 🛠️ Kilo Code モード
リソース
💬 💬 プロンプトライブラリ 📖 📖 AI用語集 🔗 🔗 有用なリンク
Avancé

Design System Accessible

#design-system #accessibilité #wcag #ui

Créer un design system conforme WCAG 2.1 AA

Conçois un design system accessible pour :\n\nType d'application : [web/mobile/desktop]\nPublic cible : [description utilisateurs]\nContraintes : [brand guidelines, technos]\nÉquipe : [designers, développeurs]\n\nComposants essentiels :\n1. Palette couleurs avec contrastes WCAG\n2. Typographie responsive et lisible\n3. Espacements et grille accessible\n4. États interactifs (focus, hover, active)\n5. Formulaires accessibles\n6. Navigation clavier\n7. Lecteurs d'écran optimisés\n8. Tests d'accessibilité\n\nFournis tokens CSS et exemples d'implémentation.