Assurez-vous que tous les utilisateurs peuvent naviguer et interagir avec votre site Web.
Nous poursuivons notre série sur l'accessibilité du Web avec le deuxième pilier de la POUR principes : Opérabilité. Après avoir établi dans le premier article qu'un site Web doit être perceptible, il est temps de faire en sorte que les utilisateurs puissent également interagir avec ses composants. Un site peut avoir le contenu le plus clair au monde, mais si un utilisateur ne peut pas accéder à un menu, remplir un formulaire ou activer un bouton, son expérience est compromise.
Qu'est-ce que cela signifie pour un site d'être opérationnel ?
Le principe d'opérabilité stipule que l'interface et la navigation doivent être fonctionnelles pour tous. Cela signifie qu'un utilisateur doit être capable d'effectuer les actions nécessaires à l'aide de divers outils, et pas seulement d'une souris. Pensez aux personnes handicapées motrices qui se fient uniquement à un clavier ou aux utilisateurs qui ont besoin de plus de temps pour lire ou remplir des informations. Un site Web fonctionnel anticipe et respecte ces besoins.
Guide technique détaillé sur le principe d'opérabilité
Voici les règles spécifiques et les conseils pratiques pour garantir l'opérabilité de votre site, tirés directement du guide officiel :
1,6. Clavier accessible
1.6.1. [A] Clavier
- Toutes les fonctionnalités du contenu peuvent être utilisées via une interface clavier sans nécessiter de chronométrage spécifique pour les frappes individuelles, sauf lorsque la fonction sous-jacente nécessite une saisie qui dépend de la trajectoire du mouvement de l'utilisateur et pas seulement des points finaux.
- Cela n'interdit pas et ne doit pas décourager l'utilisation de la souris ou d'autres méthodes de saisie en plus de l'utilisation du clavier.
- Si des raccourcis clavier sont mis en œuvre dans une page, ils ne doivent pas entrer en conflit avec les raccourcis du navigateur ou du lecteur d'écran.
1.6.2. [A] Aucun piège à clavier
- Si le focus du clavier peut être déplacé vers un composant de la page à l'aide d'une interface clavier, alors le focus peut être éloigné de ce composant en utilisant uniquement une interface clavier et, si cela nécessite plus que des flèches ou des touches de tabulation non modifiées ou d'autres méthodes de sortie standard, l'utilisateur est informé de la méthode à suivre pour déplacer le focus.
1.6.3. [AAA] Clavier (aucune exception)
- Toutes les fonctionnalités du contenu peuvent être utilisées via une interface clavier sans nécessiter de chronométrage spécifique pour les frappes individuelles.
1,7. Assez de temps
1.7.1. [A] Synchronisation réglable
- Pour chaque limite de temps définie par le contenu, au moins l'une des conditions suivantes est vraie :
- Éteindre : L'utilisateur est autorisé à désactiver la limite de temps avant de la rencontrer ; ou
- Ajustez : L'utilisateur est autorisé à ajuster la limite de temps avant de la rencontrer sur une large plage d'au moins dix fois la durée du paramètre par défaut ; ou
- Étendre : L'utilisateur est averti avant l'expiration du délai et dispose d'au moins 20 secondes pour prolonger le délai d'une simple action (par exemple, « appuyez sur la barre d'espace »), et l'utilisateur est autorisé à prolonger le délai au moins dix fois ; ou
- Exception en temps réel : La limite de temps est une partie obligatoire d'un événement en temps réel (par exemple, une vente aux enchères), et aucune alternative à la limite de temps n'est possible ; ou
- Exception essentielle : Le délai est essentiel et sa prolongation annulerait l'activité ; ou
- Exception de 20 heures : Le délai est supérieur à 20 heures.
- Éteindre : L'utilisateur est autorisé à désactiver la limite de temps avant de la rencontrer ; ou
1.7.2. [A] Pause, arrêt, masquage
- Pour le déplacement, le clignotement, le défilement ou la mise à jour automatique des informations, toutes les conditions suivantes sont remplies :
- Pour toute information en mouvement, clignotant ou défilant qui (1) démarre automatiquement, (2) dure plus de cinq secondes et (3) est présentée en parallèle avec d'autres contenus, il existe un mécanisme permettant à l'utilisateur de la suspendre, de l'arrêter ou de la masquer à moins que le mouvement, le clignotement ou le défilement ne fasse partie d'une activité où cela est essentiel ; et
- Pour toutes les informations de mise à jour automatique qui (1) démarrent automatiquement et (2) sont présentées en parallèle avec d'autres contenus, il existe un mécanisme permettant à l'utilisateur de les suspendre, de les arrêter ou de les masquer ou de contrôler la fréquence de la mise à jour, sauf si la mise à jour automatique fait partie d'une activité où elle est essentielle.
- Pour toute information en mouvement, clignotant ou défilant qui (1) démarre automatiquement, (2) dure plus de cinq secondes et (3) est présentée en parallèle avec d'autres contenus, il existe un mécanisme permettant à l'utilisateur de la suspendre, de l'arrêter ou de la masquer à moins que le mouvement, le clignotement ou le défilement ne fasse partie d'une activité où cela est essentiel ; et
1.7.3. [AAA] Pas de chronométrage
- Le timing n'est pas un élément essentiel de l'événement ou de l'activité présenté par le contenu, à l'exception des médias synchronisés non interactifs et des événements en temps réel.
1.7.4. [AAA] Interruptions
- Les interruptions peuvent être reportées ou supprimées par l'utilisateur, à l'exception des interruptions impliquant une urgence.
1,7.5. [AAA] Réauthentification
- Lorsqu'une session authentifiée expire, l'utilisateur peut poursuivre son activité sans perte de données après s'être authentifié à nouveau.
1,8. Convulsions et réactions physiques
1.8.1. [A] Trois clignotements ou en dessous du seuil
- Les pages Web ne contiennent aucun élément qui clignote plus de trois fois par seconde, ou le flash est inférieur aux seuils généraux de clignotement et de clignotement rouge.
1.8.2. [AAA] Trois clignotements
- Les pages Web ne contiennent aucun élément qui clignote plus de trois fois par seconde.
1,9. Navigable
1.9.1. [A] Blocs de contournement
- Un mécanisme est disponible pour contourner les blocs de contenu qui se répètent sur plusieurs pages Web.
1.9.2. [A] Titre de la page
- Les pages Web ont des titres qui décrivent le sujet ou l'objectif.
1.9.3. [A] Ordre de focalisation
- Si une page Web peut être parcourue de manière séquentielle et que les séquences de navigation affectent le sens ou le fonctionnement, les composants focalisables sont focalisés dans un ordre qui préserve le sens et l'opérabilité.
1.9.4. [A] Objectif du lien (dans son contexte)
- L'objectif de chaque lien peut être déterminé à partir du texte du lien seul ou à partir du texte du lien avec son contexte de lien déterminé par programmation, sauf lorsque l'objectif du lien serait ambigu pour les utilisateurs en général.
1.9.5. [AA] Plusieurs manières
- Il existe plusieurs méthodes pour localiser une page Web dans un ensemble de pages Web, sauf si la page Web est le résultat ou une étape d'un processus.
1.9.6. [AA] Titres et étiquettes
- Les titres et les étiquettes décrivent le sujet ou l'objectif.
1.9.7. [AA] Focus visible
- Toute interface utilisateur utilisable par clavier possède un mode de fonctionnement dans lequel l'indicateur de mise au point du clavier est visible.
1.9.8. [AAA] Lieu
- Des informations sur la localisation de l'utilisateur dans un ensemble de pages Web sont disponibles.
1,9,9. [AAA] Objectif du lien (lien uniquement)
- Un mécanisme est disponible pour permettre d'identifier l'objectif de chaque lien à partir du texte du lien uniquement, sauf lorsque l'objectif du lien serait ambigu pour les utilisateurs en général.
1.9.10. [AAA] Intitulés des sections
- Les titres de section sont utilisés pour organiser le contenu.
Comment Wawsome garantit l'opérabilité
Le principe d'opérabilité est complexe, mais Génial est là pour simplifier les choses. Notre widget garantit une navigation complète et fluide au clavier, en créant automatiquement un plan du site accessible et en optimisant l'ordre des focus. De plus, des profils prédéfinis, tels que celui pour les handicaps moteurs, ajustent le site pour éliminer le recours à des actions complexes, tout en fournissant un indicateur de focalisation clair et visible. Cela permet à chaque utilisateur de naviguer et d'interagir avec votre site sans frustration.
Conclusion
L'opérabilité transforme un site Web d'une page d'informations statique en un outil interactif et efficace pour tous. En suivant ces règles, vous élargissez non seulement votre audience, mais vous créez également une plateforme robuste et conviviale qui inspire confiance.
Maintenant que nous avons couvert Perceptibilité et Opérabilité, nous sommes à mi-chemin. Dans le prochain article, nous allons explorer le troisième principe : Compréhensible. Nous verrons comment rendre le contenu et les fonctionnalités non seulement accessibles, mais aussi intuitifs et prévisibles.