2. Utilisable
Les composants de l’interface utilisateur et les éléments servant à la navigation doivent être utilisables.
2.1. Accessible au clavier
2.1.1 [A] Utilisable au clavier
Toutes les fonctionnalités doivent être accessibles au clavier (sauf pour celles qui nécessitent l’utilisation d’un autre dispositif).
2.1.2 [A] Pas de piège au clavier !
L’utilisateur ne doit pas rencontrer de piège lors de l’utilisation du clavier (comme par exemple le fait de ne pas pouvoir s’échapper d’une zone de saisie).
2.1.3 [AAA] Utilisable au clavier (sans exception)
Toutes les fonctionnalités doivent être accessibles au clavier (sans exception).
2.2. Temps suffisant
Laisser du temps à l’utilisateur.
2.2.1 [A] Maîtriser le délai
Si une page ou une application impose une limite de temps, cette limite :
- doit être supérieure à 20 heures, ou
- l’utilisateur doit pouvoir supprimer ou augmenter la limite de temps (d’au moins 10 fois), ou
- être averti au moins 20 secondes avant l’échéance de cette limite (et pouvoir alors supprimer et augmenter la limite de temps d’au moins 10 fois par une action simple).
Ce critère est non applicable si la limite de temps est essentielle ou constitutive de l’activité.
2.2.2 [A] Mettre en pause, arrêter, masquer
Pour tout mouvement, clignotement, défilement automatique qui dure plus de 5 secondes, l’utilisateur dispose d’une fonction lui permettant de mettre en pause, arrêter ou masquer le mouvement, le clignotement ou le défilement.
Pour toute information mise à jour automatiquement (rafraîchissement automatique de la page, mise à jour asynchrone, notification, alerte, etc.) l’utilisateur dispose d’une fonction lui permettant de mettre en pause, d’arrêter ou de contrôler la fréquence des mises à jour (à moins que la mise à jour automatique ne soit essentielle au bon fonctionnement de l’application).
2.2.3 [AAA] Pas de limite de temps
Aucune limite de temps ne doit être imposée pour l’accomplissement une tâche.
2.2.4 [AAA] Interruptions
Les interruptions (alertes, mise à jour, etc.) doivent pouvoir être différées ou désactivées (sauf cas d’urgence).
2.2.5 [AAA] Récupération des données après interruption de session
En cas d’interruption de cession, l’utilisateur doit pouvoir, après ré-authentification, reprendre son activité sans aucune perte de données.
2.3. Prévention des crises (épilepsie…)
Ne pas diffuser de contenu susceptible de provoquer des crises.
2.3.1 [A] Pas plus de trois flashs par seconde, ou sous le seuil critique
Pas plus de trois flashs par seconde, sauf si l’effet de flash est à faible contraste et ne contient pas de lumière rouge, ou si la surface n’est pas trop grande.
Surface maximum (à titre indicatif, pour un écran de 1024 x 768 pixels, à une distance « normale d’observation ») : 176 x 124 pixels, soit environ 3% de la surface de l’écran.
2.3.2 [AAA] Pas plus de trois flashs par seconde
Pas plus de trois flashs par seconde (sans exception).
2.4. Navigable
Fournir à l’utilisateur des éléments d’orientation pour naviguer, trouver le contenu et savoir ou l’on se trouve.
2.4.1 [A] Liens d’évitement ou d’accès rapide
Des liens doivent permettre d’atteindre rapidement (ou d’éviter) les zones de navigation et la zone de contenu, ou bien la page doit être structurée de telle manière qu’on puisse facilement accéder aux différentes zones de la page (zones d’en-tête et de pied de page, contenu principal, zones de navigation, formulaire de recherche…).
2.4.2 [A] Titre de la page
Le titre de la page (obligatoire) doit être pertinent.
2.4.3 [A] Ordre de tabulation
L’ordre de tabulation (liens, éléments de formulaires, etc.) doit être logique et cohérent.
2.4.4 [A] Liens explicites
L’intitulé d’un lien doit être explicite dans son contexte (phrase ou paragraphe dans lequel il se trouve, titre précédent…).
Pour les liens dont l’intitulé est identique, mais dont la destination ou la fonction est différente, le contexte doit permettre de comprendre la destination ou la fonction de chaque lien.
2.4.5 [AA] Système de navigation
Deux systèmes de navigation au moins doivent être proposés (menu, table des matières, plan du site, liste de liens, fonction de recherche…).
2.4.6 [AA] Titres et étiquettes
Des titres et des étiquettes doivent permettre d’identifier le sujet ou l’objet.
2.4.7 [AA] Focus visible
Pour l’utilisation au clavier, l’indication du focus doit être visible.
2.4.8 [AAA] Localisation
L’utilisateur doit savoir où il se trouve dans un ensemble de pages. Exemples :
- la page courante est indiquée dans le menu de navigation ;
- un fil d’Ariane figure en haut de page ;
- des liens en bas de page permettent de naviguer dans une collection de pages ;
- etc.
2.4.9 [AAA] Liens explicites hors contexte
Les liens doivent être explicites hors contexte. Tous les liens ayant le même intitulé doivent avoir la même fonction ou destination.
2.4.10 [AAA] Titres de section
Si nécessaire, la page est organisée en sections. Un titre permet d’identifier chaque section. La hiérarchie des titres doit être cohérente.