Conçu pour être utilisable par tout le monde.
Dukonix est un catalogue en ligne pour les marchands qui concluent leurs ventes hors ligne ; ce site est conçu pour être utilisable au clavier, au lecteur d'écran et avec les animations réduites. Voici ce que cela change en pratique.
Entièrement navigable au clavier
Chaque lien, bouton et contrôle est accessible avec Tab et s'active avec Entrée/Espace. Le focus reste toujours visible (un anneau turquoise).
Raccourcis clavier et palette de commandes
Appuyez sur ⌘K (ou Ctrl+K) pour ouvrir la palette de commandes (recherche et navigation). Appuyez sur ? pour la liste des raccourcis. La touche / place le focus dans la recherche FAQ.
Mouvement réduit respecté
Quand prefers-reduced-motion est actif, chaque animation se limite à l'opacité ou reste statique. Aucune boucle, parallaxe ou rebond impossible à désactiver.
Contraste WCAG-AA
Les textes et les éléments interactifs respectent les ratios de contraste WCAG-AA. Les thèmes clair et sombre passent tous les deux.
Un seul H1 par page
Chaque page a un seul H1 descriptif. Les titres forment un plan logique. Les images ont un texte alternatif. Les formulaires ont des libellés.
Raccourcis clavier
Les raccourcis sont ignorés pendant la saisie dans un champ.
| Raccourci | Action |
|---|---|
| ⌘K / Ctrl+K | Ouvrir la palette de commandes |
| ? | Afficher l'aide des raccourcis |
| / | Aller à la recherche FAQ |
| G puis D | Aller à la démo |
| G puis P | Aller aux tarifs |
| G puis F | Aller à la FAQ |
| G puis H | Aller à l'accueil |
| Esc | Fermer une boîte de dialogue ou la palette |
Un obstacle ?
Écrivez-nous et nous le corrigerons. L'accessibilité est un processus, pas une case à cocher.