Des landing pages accessibles pour tes visiteurs.
SmartChat construit ta landing page pour que plus de personnes puissent la lire, l'utiliser et s'inscrire à ta newsletter WhatsApp.
Le contraste est mesuré.
Si tu changes les couleurs de ta landing page, SmartChat mesure le contraste selon les WCAG. S'il est inférieur à 4,5:1, SmartChat bloque la couleur pour que le texte reste bien lisible.
Paires de couleurs vérifiées
Lors de la première création, SmartChat AI ne prend que des paires de couleurs vérifiées à la main pour un contraste suffisant.
Un contraste trop faible est bloqué
SmartChat empêche un contraste trop faible. La valeur de 4,5 pour 1 est obligatoire.
Les parties fixes restent
Les mentions légales, la politique de confidentialité et le formulaire d'inscription ne peuvent pas être masqués.
L'accessibilité est dans le code de ta landing page.
SmartChat met ces éléments en place automatiquement, tu n'as rien à programmer.
.bk-btn:focus-visible { outline: 3px solid var(--brand); outline-offset: 3px; }Focus visible
Qui parcourt ta page avec la touche Tab voit un cadre bien visible sur les boutons, les questions et les liens. Sur les surfaces sombres, il est blanc.
<html lang="fr">Langue de la page
Les lecteurs d'écran et la traduction du navigateur lisent ta landing page dans la bonne langue.
<img alt="Backhaus Sommer : image principale de l'entreprise">Descriptions d'images
Chaque image a une description dans la langue de ta page, qui indique son rôle.
<div role="dialog" aria-modal="true"> <button aria-label="Fermer"> <select aria-label="Indicatif pays">Fenêtre d'inscription étiquetée
La fenêtre d'inscription est balisée comme dialogue. Le bouton Fermer et l'indicatif pays ont une description.
@media (prefers-reduced-motion: reduce) { .bk-hero-video video { display: none } }Moins d'animations
Si un visiteur a réglé « réduire les animations », ta page affiche une image fixe à la place de la vidéo de fond.
Une fenêtre d'inscription avec libellés.
Les lecteurs d'écran reconnaissent la fenêtre d'inscription comme un dialogue avec titre. Le champ de l'indicatif pays et le bouton Fermer sont aussi étiquetés.
Dialogue avec titre
La fenêtre dit aux lecteurs d'écran de quoi il s'agit.
Indicatif pays étiqueté
Le choix de l'indicatif est lu comme « indicatif pays ».
Sans animation sur demande
Avec « réduire les animations », la fenêtre s'affiche sans animation.
Ce que SmartChat prend en charge et ce que tu vérifies toi-même.
SmartChat pose les bases. Cela ne remplace pas un test complet de ta page.
Ce que tu vérifies toi-même
- Tes propres couleurs : vérifie toi-même que ta page est bien lisible pour tes visiteurs.
- Tes propres images : écris les infos importantes en texte sur la page, pour que les lecteurs d'écran les lisent.
- Droit : si des règles particulières s'appliquent à ton entreprise, vois-le avec ton conseil juridique.
Ce que SmartChat prend en charge
- Mesurer le contraste selon les WCAG et bloquer un contraste trop faible.
- Un cadre visible pour l'utilisation au clavier.
- Langue de la page, descriptions d'images et moins d'animations sur demande.
Questions fréquentes sur l'accessibilité.
Ma landing page SmartChat est-elle accessible ?
SmartChat intègre automatiquement beaucoup de bases : contraste mesuré, focus clavier visible, langue de la page, descriptions d'images, une fenêtre d'inscription étiquetée et moins d'animations sur demande. Cela ne remplace pas un test complet de ta page.
Est-ce que cela remplace un contrôle juridique ?
SmartChat ne peut pas te le garantir. Si des règles particulières s'appliquent à ton entreprise et ce qu'elles exigent, vois-le avec ton conseil juridique.
Comment SmartChat vérifie-t-il le contraste ?
SmartChat calcule le rapport de contraste entre le texte et le fond selon les WCAG. S'il est inférieur à 4,5:1, SmartChat bloque la couleur pour que le texte reste bien lisible.
SmartChat bloque-t-il les couleurs avec trop peu de contraste ?
Oui. SmartChat empêche un contraste trop faible, la valeur de 4,5 pour 1 est obligatoire. Lors de la première création, SmartChat AI ne prend que des paires de couleurs vérifiées pour un contraste suffisant.
Peut-on utiliser ma landing page au clavier ?
Les boutons, les questions dépliables et les liens du pied de page affichent un cadre bien visible dès que quelqu'un parcourt la page avec la touche Tab. Sur les surfaces sombres, le cadre est blanc.
Que lit un lecteur d'écran pour mes images ?
Chaque image a une description dans la langue de ta page, par exemple « Backhaus Sommer: Hauptbild des Betriebs ». Elle indique le rôle de l'image, pas chaque détail.
Pourquoi la langue figure-t-elle dans le code de ma landing page ?
Pour que les lecteurs d'écran et la traduction du navigateur lisent ta page dans la bonne langue. SmartChat indique la langue automatiquement.
Que voient les visiteurs qui ont réglé « réduire les animations » ?
Une image fixe à la place de la vidéo de fond. Les mouvements des boutons et l'animation de la fenêtre d'inscription disparaissent.
La fenêtre d'inscription est-elle compréhensible pour les lecteurs d'écran ?
Elle est balisée comme dialogue avec un titre, et le bouton Fermer ainsi que l'indicatif pays sont étiquetés.
Est-ce qu'il s'agit ici de l'accessibilité du site SmartChat ?
Non, cette page présente les landing pages que SmartChat construit pour toi. Notre propre déclaration se trouve sous Accessibilité.
Crée ta landing page en 60 secondes.
Saisis ton site web. SmartChat AI construit ta landing page avec contraste mesuré, focus visible et descriptions d'images.