Le widget de chat ViaSay a fait l'objet d'une refonte accessibilité importante, qui le rapproche nettement de la conformité RGAA et WCAG. Ces correctifs vivant dans notre bibliothèque de composants partagée, chaque widget ViaSay en bénéficie automatiquement — rien à mettre à jour de votre côté.
L'accessibilité est de plus en plus une obligation légale (RGAA en France, European Accessibility Act) — et une meilleure expérience pour tout le monde. Voici ce qui change.
Pensé pour les utilisateurs de lecteurs d'écran
Le widget s'adresse désormais clairement aux technologies d'assistance.
Les boutons, icônes et images exposent un nom accessible correct — tandis que les éléments purement décoratifs sont correctement masqués aux lecteurs d'écran.
Les mises à jour d'état en direct — état de connexion, confirmation CSAT — sont annoncées automatiquement au moment où elles surviennent.
Le contenu du chat utilise désormais une structure HTML porteuse de sens (un titre pour l'en-tête, de vraies listes pour le contenu à puces, des paragraphes pour les messages), pour que les lecteurs d'écran puissent le parcourir correctement.
Les libellés de l'interface s'affichent désormais dans la langue du widget, ce qui corrige les cas où certains contrôles étaient annoncés en anglais quelle que soit la langue configurée.
Navigation clavier complète
L'ensemble du widget peut être utilisé sans souris.
Les contrôles interactifs sont désormais de vrais boutons — accessibles et activables au clavier, avec un contour de focus clairement visible.
Le focus est géré intelligemment : il se déplace vers le champ de message à l'ouverture du chat et revient sur le lanceur à sa fermeture, pour que les utilisateurs au clavier ne perdent jamais leur repère.
Un contraste visuel plus net
Le texte et les détails d'interface sont plus faciles à lire. Les bordures des champs de saisie, le texte de placeholder et l'indicateur de frappe respectent désormais les exigences de contraste.
🗒️ La couleur principale de votre widget reste votre choix — veillez simplement à conserver un contraste suffisant avec le blanc dans l'en-tête pour rester conforme.
Ajout — couleur du sous-titre de l'en-tête
Une nouvelle option tertiary_color permet de définir une couleur distincte pour le sous-titre de l'en-tête, pour une finition plus soignée et plus fidèle à votre marque.