Lorsque vous activez l’option Accessibilité du formulaire dans votre formulaire, le vérificateur d’accessibilité intégré du Form Builder analysera votre formulaire pour détecter d’éventuels problèmes d’accessibilité et vous avertira si des problèmes sont détectés. L’analyse fonctionne à chaque mise à jour de votre formulaire.
Ce guide passera en revue les erreurs d’accessibilité les plus courantes et expliquera comment les corriger. Lors de la création dans le form builder, vous pourriez rencontrer les alertes d’Accessibilité suivantes.
Alerte d’accessibilité : Le contraste des couleurs de votre formulaire n’est pas adapté à l’accessibilité web. Veuillez changer votre palette de couleurs.
Solution : Ajustez les couleurs du formulaire, ou appliquez l’un des schémas de couleurs/themes accessibles.
Alerte d’accessibilité : Les couleurs de fond des champs de saisie de votre formulaire n’ont pas un contraste suffisant pour l’accessibilité. Veuillez changer votre palette de couleurs.
Solution : Changez la couleur de fond des champs de saisie via le Concepteur de Formulaire. La couleur de fond des champs doit bien contraster avec les couleurs du formulaire et de la police.
Alerte d’accessibilité : Votre formulaire utilise un thème inaccessible. Veuillez utiliser le thème par défaut.
Solution : Changez le thème du formulaire pour le Thème par Défaut.
Alerte d’accessibilité : Les messages d’avertissement ne peuvent pas être vides. Veuillez mettre à jour vos Messages d’Avertissement de Formulaire dans le panneau Paramètres.
Solution : Assurez-vous qu’il n’y ait pas de messages d’avertissement vides dans la section des Messages d’Avertissement de Formulaire.
Alerte d’accessibilité : Votre formulaire doit inclure un bouton de soumission. Veuillez ajouter un bouton de soumission.
Solution : Ajoutez un élément de bouton de soumission à votre formulaire. Le bouton de soumission doit généralement être placé en bas du formulaire.
Alerte d’accessibilité : Toutes les questions du formulaire doivent avoir une étiquette.
Solution : Tapez une étiquette pour un champ sans étiquette.
Alerte d’accessibilité : Les sous-étiquettes ne doivent pas être vides.
Solution : Tapez une sous-étiquette pour le champ ayant une sous-étiquette vide. Vous pouvez cliquer sur la sous-étiquette pour ajouter le texte de la sous-étiquette ou l’ajouter via les propriétés du champ. Ceci s’applique principalement aux éléments avec plusieurs champs, tels que les champs Nom Complet et Adresse.
Alerte d’accessibilité : Ce widget peut limiter l’accessibilité de votre formulaire. Les utilisateurs ayant des handicaps peuvent rencontrer des difficultés pour remplir votre formulaire.
Solution : Retirez un widget affichant cet avertissement. Vous pouvez envisager d’utiliser un champ de base ou un autre widget à la place.
Alerte d’accessibilité : Cette image n’a pas de texte alternatif. Toutes les images doivent avoir un texte alternatif pour l’accessibilité.
Solution : Ajoutez un « Texte Alternatif » via les propriétés de l’élément Image.
Alerte d’accessibilité : Le Mode Lite peut causer des problèmes d’accessibilité pour les utilisateurs. Veuillez désactiver le Mode Lite.
Solution : Désactivez le « Mode Lite » via les propriétés du champ Sélecteur de Date.
Alerte d’accessibilité : Veuillez inclure un texte pour l’option vide dans le menu déroulant (par exemple, Veuillez sélectionner).
Solution :Activez une propriété « Afficher le texte dans l’option vide » et ajoutez du texte via les propriétés du champ déroulant.
Alerte d’accessibilité : JotCaptcha n’est pas un champ accessible. Veuillez utiliser Google ReCaptcha.
Solution : Changez le type de captcha via les propriétés du champ de JotCaptcha à reCAPTCHA.
Résolvez les problèmes d’accessibilité s’il y en a, et c’est terminé ! Le formulaire est considéré comme accessible lorsqu’aucun avertissement d’accessibilité n’est affiché dans l’éditeur.
Si vous avez des questions, veuillez les poser dans les commentaires ci-dessous !
Envoyer un commentaire: