Exception aux normes
Il ne faut pas se limiter aux seules règles de conception de sites Web. Ce qui compte avant tout, c’est l’expérience utilisateur. Pour cette raison, certaines exceptions aux règles peuvent être admises. Voici quelques exemples de situations où les critères de réussite des WCAG peuvent être flexibles afin d’accorder la priorité à l’expérience client :
1.3.4 : Orientation
Ce critère de réussite établit qu’une application mobile ou une page Web doit pouvoir s’afficher au format portrait et au format paysage. Une exception possible est dans les situations où le contenu ne serait pas compris si ce critère était respecté, par exemple dans le cas du dépôt électronique de chèques, d’une application de réalité virtuelle (RV) ou d’une application de piano. Toutes ces situations exigent une orientation paysage exclusivement.
1.4.3 : Contraste (minimum)
Ce critère de réussite précise que le texte et les icônes doivent respecter une exigence établie en matière de contraste de couleurs. Les logos d’entreprises, cependant, ne sont pas soumis à cette règle.
1.4.5 : Images représentant du texte
Utilisez du texte plutôt que des images représentant du texte. Les logos sont exemptés de cette exigence.
2.4.3 : Parcours de focus
Lorsqu’un utilisateur utilise la tabulation pour parcourir les éléments cliquables sur une page, le parcours de focus doit aller de haut en bas, de gauche à droite. Dans certaines situations, l’expérience peut être améliorée en dérogeant à cette règle.
Par exemple, lorsque le bouton primaire (« Continuer ») est situé sur la droite (par convivialité) et que le bouton secondaire (« Annuler ») est sur la gauche. Dans ce cas, le bouton « Continuer » doit être atteint avant le bouton « Annuler ».
Contexte supplémentaire pour aider les utilisateurs de lecteurs d’écran
Le texte à l’écran est la meilleure façon d’étiqueter les boutons. Cependant, il est acceptable d’utiliser une étiquette aria-label si le bouton est facilement reconnaissable. Assurez-vous d’étiqueter l’icône de manière concise, par exemple en utilisant « imprimer » plutôt que « bouton imprimer ».
