🏠 Ana Sayfa
Benchmarklar
📊 Tüm Benchmarklar 🦖 Dinozor v1 🦖 Dinozor v2 ✅ To-Do List Uygulamaları 🎨 Yaratıcı Serbest Sayfalar 🎯 FSACB - Nihai Gösteri 🌍 Çeviri Benchmarkı
Modeller
🏆 En İyi 10 Model 🆓 Ücretsiz Modeller 📋 Tüm Modeller ⚙️ Kilo Code
Kaynaklar
💬 Prompt Kütüphanesi 📖 YZ Sözlüğü 🔗 Faydalı Bağlantılar
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.