Vous apprendrez
Apprenez à utiliser la fonction d'assistant d'accessibilité dans l'onglet Alertes de formulaire de l'éditeur de formulaires d'inscription afin d'éviter certains des problèmes de conformité aux directives d'accessibilité au contenu web (WCAG) les plus courants. Les entreprises qui s'efforcent de rendre leurs sites Web compatibles avec les normes ADA doivent se référer aux normes WCAG et les respecter. L'assistant d'accessibilité vous guide dans la création de formulaires d'inscription accessibles à tous les visiteurs de votre site.
Les normes WCAG visent à rendre le contenu du web plus accessible à tous, y compris aux personnes handicapées. L'accessibilité des sites web est une obligation légale dans de nombreux pays, et la mise en œuvre des normes WCAG peut contribuer à satisfaire bon nombre de ces besoins en matière d'accessibilité. Veuillez noter que si l'assistant d'accessibilité a pour but d'aider à identifier les problèmes d'accessibilité selon les normes WCAG 2.0 AA telles qu'elles s'appliquent aux formulaires d'inscription, il peut ne pas être en mesure d'identifier toutes les exigences d'accessibilité en raison de limitations connues de la technologie existante ou d'autres facteurs indépendants de la technologie. L'utilisation de l'assistant d'accessibilité peut vous aider à répondre aux exigences en matière d'accessibilité du web, mais ne garantit pas le respect des lois applicables. Pour confirmer les implications juridiques et les exigences de l'accessibilité du web, il est recommandé de demander l'avis d'un juriste qualifié.
Avant de commencer
Vous trouverez ci-dessous une liste de problèmes que l'assistant d'accessibilité vérifiera. Veuillez noter que les types d'erreurs répertoriés ci-dessous correspondent à la manière dont l'assistant d'accessibilité de Klaviyo les identifie, et non aux noms spécifiques de champ de saisie dans le générateur de formulaires. Si une erreur est détectée, une alerte avec une description et une demande de correction apparaîtra dans l'onglet Alertes de formulaire.
|
Type d'erreur |
Description |
|
Nom du bouton |
Veillez à ce que le texte des boutons soit perceptible. |
|
Image-alt |
Veille à ce que les éléments d'image aient un texte alternatif (alt text) ou un rôle html de "none" ou de présentation. |
|
Contraste des couleurs |
Veille à ce que le contraste entre les couleurs d'avant-plan et d'arrière-plan soit conforme aux seuils de rapport de contraste des WCAG 2 AA. |
|
Lien dans le bloc-texte |
Veillez à ce que les liens se distinguent du texte environnant d'une manière qui ne repose pas sur la couleur. |
|
Nom du lien |
Veillez à ce que le texte des liens soit perceptible. |
|
Étiquette |
Permet de s'assurer que chaque élément du formulaire possède une étiquette. |
Créez un formulaire d'inscription compatible avec les normes ADA
Que vous construisiez votre premier formulaire d'inscription ou que vous mettiez à jour un formulaire, l'assistant d'accessibilité vous aide à identifier et à résoudre les problèmes d'accessibilité.
Pour créer un formulaire conforme aux normes WCAG énumérées ci-dessus :
- Créez un nouveau formulaire d'inscription ou ouvrez l'éditeur de formulaire pour l'un de vos formulaires d'inscription existants.
- Utilisez l'éditeur pour ajouter des blocs de contenu et adapter le formulaire à votre marque.
L'assistant d'accessibilité surveillera les éléments du formulaire qui ne répondent pas aux normes WCAG pendant que vous construisez votre formulaire et les enregistrera en tant qu' alertes actives . Un formulaire existant enregistrera tous les problèmes dans la sectionAlertes actives .
- Cliquez sur les alertes du formulaire en bas à gauche pour voir les problèmes d'accessibilité identifiés.
Sous Alertes actives,vous verrez diverses fiches décrivant les éléments non conformes aux normes WCAG que l'assistant d'accessibilité a identifiés dans votre formulaire, en plus d'autres problèmes de contenu ou de conception identifiés. Chaque fiche comprend une description du problème et une invite à le corriger ou à le rejeter. Par exemple, si vous ajoutez une image à votre formulaire d'inscription, l'assistant d'accessibilité vous demandera d'ajouter un texte alt à l'image. Le texte alt fournit une description de l'image afin que les acheteurs qui naviguent sur votre site à l'aide d'un lecteur d'écran puissent accéder au contenu numérique.
- Pour résoudre un problème, suivez les suggestions de la carte et résolvez ou ajoutez les éléments manquants. Lorsque vous êtes satisfait de vos modifications, cliquez sur Fixer.
Certains problèmes vous inviteront à les résoudre dans les paramètres du bloc concerné (par exemple, un bloc de boutons) ou dans la section des styles, plutôt que directement dans l'onglet Alertes de formulaire. Pour résoudre ces problèmes, prenez note de la description du problème sur la carte d'alerte, puis cliquez sur Modifier le bloc (ou Modifier les styles) pour apporter les modifications suggérées. Revenez à l'onglet Alertes de formulaire une fois que vous avez résolu le problème.
- Si vous souhaitez ignorer une ou plusieurs des suggestions d'accessibilité, cliquez sur Rejeter. L'abandon d'une question entraîne l'apparition d'une fenêtre modale vous demandant d'annuler ou de confirmer votre choix.
Une fois que vous aurez résolu ou éliminé tous les problèmes identifiés, vous verrez apparaître un message "Aucune alerte active" dans l'onglet Alertes du formulaire.Vous pouvez revenir ultérieurement sur des questions ignorées en ouvrant l'assistant et en consultant vos alertes précédemment ignorées. Il est recommandé de résoudre tous les problèmes mis en évidence dans l'assistant d'accessibilité. Le non-respect des normes WCAG peut exposer votre entreprise à des risques juridiques.
- Cliquez sur Publier pour mettre en ligne votre formulaire d'inscription sur votre site avec vos mises à jour d'accessibilité.
Notez que lorsque vous cliquez sur publier, vous serez invité à corriger toute alerte de formulaire active. Vous pouvez choisir de résoudre les erreurs dans l'onglet Alertes de formulaire ou de publier quand même.
Rapports sur l'accessibilité de JAWS
Veuillez noter que JAWS, un programme de lecture d'écran pour Microsoft Windows, peut ne pas détecter les formulaires d'inscription sur votre site web qui ont été créés dans Klaviyo. Pour que les visiteurs utilisant JAWS puissent toujours interagir avec les formulaires d'inscription sur votre site web, nous vous suggérons d'ajouter un bout de code supplémentaire à votre site pour le rendre plus accessible à JAWS.
Copiez l'extrait de code suivant et collez-le dans le fichier du thème principal de votre site afin que JAWS détecte et lise vos formulaires d'inscription Klaviyo :
Prochaines étapes
Il est important de respecter les normes WCAG dans tous vos formulaires d'inscription Klaviyo. Les formulaires d'inscription publiés précédemment peuvent encore contenir des problèmes d'accessibilité que vous devez corriger, mais notez que Klaviyo ne corrigera pas automatiquement les problèmes de non-conformité aux WCAG.
Accédez à l'onglet Alertes de formulaire dans l'éditeur pour chacun de vos formulaires existants afin de résoudre tout problème d'accessibilité et de contribuer à la conformité WCAG de votre site web.
Ressources complémentaires