Assurez-vous que les informations et le fonctionnement de l'interface utilisateur sont compréhensibles pour tous
Nous avons atteint le troisième pilier du POUR principes : Compréhensible. Après s'être assuré qu'un site est Perceptible et Utilisable, nous devons garantir que les utilisateurs peuvent également comprendre les informations et le fonctionnement de l'interface. Un contenu incompréhensible ou une navigation imprévisible peuvent créer un obstacle tout aussi important qu'une image sans texte alternatif.
Qu'est-ce que cela signifie pour un site d'être compréhensible ?
Le principe de compréhensibilité exige que les informations et le fonctionnement de l'interface utilisateur soient logiques et faciles à saisir. Cela signifie bien plus qu'un simple texte lisible. Cela implique d'utiliser un langage clair, de fournir des explications pour des termes ou des abréviations complexes et de créer une expérience de navigation cohérente et prévisible. Un site compréhensible aide également les utilisateurs à éviter et à corriger les erreurs en fournissant des instructions claires et des mécanismes de validation efficaces.
Guide technique détaillé sur le principe de compréhensibilité
Voici les règles spécifiques et les conseils pratiques pour garantir la lisibilité de votre site, tirés directement du guide officiel :
1,10. Lisible : Rendez le contenu du texte lisible et compréhensible
- 1.10.1. [A] Langue de la page : La langue par défaut du contenu de la page doit être spécifiée dans le code.
- Conseil : L'attribut HTML lang doit être utilisé.
- Conseil : L'attribut HTML lang doit être utilisé.
- 1.10.2. [AA] Langue des parties : Si le contenu de la page utilise une langue différente de celle par défaut, cela doit être spécifié dans le code de cette partie.
- Conseil : L'attribut HTML lang doit être utilisé sur l'élément spécifique.
- Conseil : L'attribut HTML lang doit être utilisé sur l'élément spécifique.
- 1.10.3. [AAA] Mots inhabituels : Les mots ambigus, inconnus ou utilisés de manière technique doivent être définis au moyen d'un texte adjacent, d'une liste de définitions ou d'un glossaire.
- 1.10.4. [AAA] Abréviations : Un mécanisme doit être disponible pour identifier la forme développée d'une abréviation.
- Conseil : L'<abbr>élément HTML peut être utilisé pour expliquer une abréviation lors de sa première utilisation.
- Conseil : L'<abbr>élément HTML peut être utilisé pour expliquer une abréviation lors de sa première utilisation.
- 1.10.5. [AAA] Niveau de lecture : Si le texte nécessite une capacité de lecture supérieure à celle du premier cycle de l'enseignement secondaire, une alternative plus facile à comprendre doit être proposée.
- 1.10.6. [AAA] Prononciation : Si la prononciation d'un mot est essentielle pour comprendre sa signification, elle doit être fournie immédiatement après le mot (par transcription phonétique) ou via un lien vers un glossaire.
1,11. Prévisible : faites en sorte que les pages Web apparaissent et fonctionnent de manière prévisible
- 1.11.1. [A] En bref : Le fait de se concentrer sur un composant de page ne doit pas provoquer de changement de contexte.
- 1.11.2. [A] En entrée : L'interaction avec un élément interactif ne doit pas entraîner de changement automatique de contexte. Tout changement de contexte doit être annoncé à l'avance.
- 1.11.3. [AA] Navigation cohérente : Les liens de navigation qui se répètent sur plusieurs pages doivent rester dans le même ordre sur l'ensemble du site Web.
- 1.11.4. [AA] Identification cohérente : Les composants qui ont les mêmes fonctionnalités sur plusieurs pages (par exemple, une icône de recherche) doivent être identifiés de manière cohérente.
- 1.11.5. [AAA] Modification sur demande : Les changements de contexte ne doivent être initiés qu'à la demande explicite de l'utilisateur, ou il doit exister un mécanisme pour les désactiver.
1,12. Assistance à la saisie : aidez les utilisateurs à éviter et à corriger les erreurs
- 1.12.1. [A] Identification de l'erreur : Les éléments de formulaire requis, ainsi que les restrictions de format (par exemple, format de date), doivent être marqués et clairement expliqués sur les étiquettes.
- 1.12.2. [A] Étiquettes ou instructions : Dans les cas nécessitant une action de l'utilisateur (par exemple, le remplissage d'un champ), des étiquettes complètes, des instructions et même des exemples doivent être fournis dans la mesure du possible.
- 1.12.3. [AA] Suggestion d'erreur : Si des erreurs de validation sont détectées, elles doivent être clairement signalées. Il est obligatoire que l'utilisateur ait la possibilité d'accéder rapidement à l'élément problématique, de résoudre le problème et de soumettre à nouveau le formulaire.
- 1.12.4. [AA] Prévention des erreurs (juridiques, financières, relatives aux données) : Pour les pages impliquant des engagements juridiques, des transactions financières, la modification de données personnelles ou la soumission de réponses à des tests, un mécanisme doit exister pour au moins l'un des éléments suivants :
- Réversible : Les soumissions peuvent être annulées ou modifiées.
- Vérifié : Les données sont vérifiées et l'utilisateur peut corriger les erreurs avant de les soumettre.
- Confirmé : L'utilisateur a la possibilité de revoir, de confirmer et de corriger les données avant de finaliser l'action.
- Réversible : Les soumissions peuvent être annulées ou modifiées.
- 1.12.5. [AAA] Aide contextuelle : Toute action qu'un utilisateur peut effectuer doit être accompagnée d'explications contextuelles suffisamment informatives et adjacentes.
- 1.12.6. [AAA] Prévention des erreurs (toutes) : Pour chaque page où des données peuvent être saisies, les trois mécanismes doivent être disponibles : réversibilité, vérification et confirmation.
Comment Wawsome garantit la compréhensibilité
Génial répond directement aux défis de la compréhensibilité. Notre widget inclut un dictionnaire intégré qui explique automatiquement le jargon, les termes complexes et les acronymes, afin que tous les utilisateurs puissent comprendre le texte. En outre, Génial améliore les formulaires en fournissant des étiquettes claires, des instructions précises et une validation des erreurs en temps réel avec des suggestions de correction. Cela minimise la frustration et aide les utilisateurs à effectuer leurs actions avec succès, ce qui rend votre site non seulement accessible mais aussi vraiment convivial.
Conclusion
Un site Web peut être perçu et exploité, mais s'il n'est pas également compréhensible, les utilisateurs seront tout de même perdus. La mise en œuvre de ce principe garantit que votre message est clair, que les interactions sont intuitives et que l'expérience globale est positive et sans effort.
Nous avons maintenant abordé trois des quatre principes. Dans le dernier article de cette série, nous explorerons le dernier principe : Robuste. Nous verrons comment garantir l'accessibilité de votre site au fur et à mesure de l'évolution des technologies et des appareils.