Accessibilité

Comment nous concevons pour les utilisateurs clavier, lecteurs d'écran, malvoyants et peu technophiles. Un état des lieux honnête et daté.

Nous rédigeons cette page comme le reste du site : ce qui fonctionne, ce qui ne fonctionne pas, et comment le vérifier vous-même. Elle est datée parce que l'accessibilité est une cible mouvante. Nous effectuons de nouveaux tests après chaque version majeure.

Ce à quoi nous nous engageons

• Navigation clavier complète. Chaque commande du générateur, chaque fenêtre modale et chaque flux d'export est accessible sans souris.
• États de focus visibles. Les champs, boutons et liens actifs affichent un contour clair. Nous ne nous reposons pas uniquement sur la couleur.
• Étiquettes sur chaque champ. Les champs de formulaire ont des éléments <label> associés ou des attributs aria-label. Le texte de remplacement n'est jamais l'unique étiquette.
• Régions ARIA actives pour l'aperçu QR et les notifications. Les lecteurs d'écran entendent « QR généré » et les messages de notification au moment où ils se produisent, pas seulement lorsque le focus s'y déplace.
• Alternatives textuelles pour les boutons avec icône seule. aria-label sur chaque bouton SVG sans texte.
• Signification de l'état indépendante de la couleur. Les badges de scannabilité et les puces de compatibilité associent la couleur à un glyphe et une étiquette textuelle.
• Noms de format d'export explicites. Les boutons de téléchargement indiquent « Télécharger PNG », « Télécharger SVG », etc., pas seulement « Télécharger ».
• Zones tactiles larges sur mobile. Les éléments interactifs font au moins 44 × 44 pixels CSS sur les pointeurs grossiers, conformément à WCAG 2.5.8.
• Respect du mouvement réduit. Les transitions sont désactivées avec prefers-reduced-motion: reduce.

Ce qui reste à améliorer

• La couverture des tests avec lecteurs d'écran est inégale. Le Générateur a été testé avec VoiceOver (macOS/iOS) et NVDA. JAWS et TalkBack nécessitent plus de temps.
• Le Concepteur de Cartes de Visite est fortement axé sur la souris (glisser-déposer, aperçu sur canevas). Des alternatives clavier existent pour chaque commande, mais la boucle de retour de l'aperçu en direct reste prioritairement visuelle.
• Les flux complexes du générateur (CSV par lot, assistant multi-étapes) pourraient bénéficier d'une meilleure structure de liens de saut. Prévu.
• Notre matrice de compatibilité est actuellement présentée sous forme de tableaux HTML. Les en-têtes de colonne fonctionnent avec les lecteurs d'écran, mais nous souhaitons ajouter des résumés descriptifs plus longs pour chaque ligne.

Navigateurs et technologies d'assistance testés

Dernière passe complète : avril 2026. Entre les passes, nous effectuons des vérifications ponctuelles après des changements d'interface significatifs.

Raccourcis clavier

• Tab / Maj+Tab : avancer / reculer parmi les éléments pouvant recevoir le focus.
• Entrée / Espace : activer les boutons et les bascules.
• Touches fléchées : naviguer entre les options dans un groupe de boutons radio (sélecteur de type, sélecteur de modèle, barre d'onglets).
• Échap : fermer les fenêtres modales (Concepteur de Cartes de Visite, précontrôle, services d'impression, recadrage d'image).
• Début / Fin dans un menu déroulant pour aller au premier / dernier élément.

Signaler un problème

Si quelque chose est inaccessible au clavier, mal étiqueté, ou autrement inutilisable avec votre configuration, envoyez un e-mail à hello@abundera.ai. Précisez votre navigateur, votre système d'exploitation, votre technologie d'assistance, et le flux concerné. Nous traitons les bugs d'accessibilité comme des problèmes prioritaires.

Dernière révision : 2026-04-16. Prochaine révision : après le prochain changement d'interface majeur.