Non-respect des normes

Il est important de penser au-delà des lignes directrices précises dans la conception de sites Web. En fin de compte, l’expérience utilisateur a plus d’importance que les lignes directrices. Pour cette raison, il peut y avoir des exceptions occasionnelles aux lignes directrices. Voici quelques exemples où les critères de réussite (CR) de WCAG   peuvent être flexibles pour mettre l’expérience utilisateur au premier plan :

 1.3.4 Orientation

Ce critère de réussite stipule qu’une application mobile ou une page Web doit afficher une orientation portrait ou paysage. Une exception est faite si le contenu n’était pas compris en conséquence, par exemple, une fonction de dépôt de chèque, une application pour lunettes de réalité virtuelle (VR) ou une application pour jouer du piano. Tous ces éléments nécessitent exclusivement une orientation paysage.

1.4.3 Contraste (minimum)

Ce critère de réussite stipule que le texte et les icônes doivent répondre à une exigence donnée en matière de contraste des couleurs. Les logos d’entreprise ne sont toutefois pas concernés par cette exigence.

1.4.5 Images de texte

Utilisez du texte plutôt que des images de texte. Les logos sont exemptés de cette exigence.

2.4.3 Séquence de navigation

Lorsqu’un utilisateur parcourt les éléments cliquables d’une page, la séquence de navigation doit aller de haut en bas et de gauche à droite. Dans certains cas, une expérience peut être améliorée en ajustant cette ligne directrice.

Par exemple, lorsqu’un bouton principal (« Continuer ») se trouve sur le côté droit (pour des raisons de convivialité) et que le bouton secondaire (« Annuler ») se trouve sur le côté gauche. Dans ce cas, l’utilisateur doit pouvoir atteindre le bouton « Continuer » 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; toutefois, un aria-label est acceptable si le bouton est reconnaissable. Étiquetez l’icône de manière concise, par exemple en choisissant « imprimer » plutôt que « bouton d’impression ».