Leçon 10Le processus de conception : comment faire de la place pour l'accessibilité du Web ?

Notion 67

Pensez à la mise en page

Compétences ciblées

Apprendre à tenir compte de la structure et de la mise en page lors de la conception de l'accessibilité.

En prêtant attention à la structure et à la mise en page de votre page Web, celle-ci sera plus lisible. Vos utilisateurs pourront s'y retrouver plus facilement et trouver les informations qu'ils recherchent.

Pensez à la maquette !

Que ce soit pour le design ou la mise en page, il est recommandé de commencer votre réflexion sur l'accessibilité en réalisant une maquette de votre page web ou de votre site web afin de pouvoir prévoir ce que vous allez y mettre, et de le faire selon les principes d'accessibilité énumérés tout au long de ce module. Une maquette est un premier jet, un prototype qui vous permet de voir à quoi pourrait ressembler votre site (qu'il s'agisse de son code, de sa structure, de son design), de comparer, d'éviter les erreurs et ainsi de vous orienter vers une solution qui se rapproche le plus possible de vos attentes et des différents besoins identifiés ici.

À propos de la mise en page

Les différents éléments d'une page Web doivent être différenciés les uns des autres et une mise en page claire peut y contribuer. Les éléments importants sont les menus de navigation, les éléments interactifs tels que les liens et les sections de texte. Les formulaires sont un type d'élément spécifique qui peut être complexe et qui doit être simple et accessible. Il est également essentiel de veiller à ce que tous les contenus et informations soient bien structurés, avec des titres clairs, à partir desquels l'utilisateur peut s'orienter, localiser les informations et naviguer facilement d'un contenu à l'autre.

Comment rendre la structure identifiable

Pour atteindre cet objectif, certaines règles UX issues de la psychologie et de la perception humaine peuvent aider, telles que :

La loi de proximité, les objets proches les uns des autres sont considérés comme regroupés. Par exemple, les boutons d'un menu de navigation doivent se trouver dans la même zone et non pas partout sur la page.
La loi de la similarité : les objets ayant des formes similaires sont considérés comme liés entre eux. Par exemple, les fiches d'articles ont toutes la même structure pour mettre en valeur le contenu d'un article. On évitera d'avoir trop de variations dans le modèle de carte d'articles.
La loi de la taille, les éléments importants doivent être plus grands que les éléments moins importants. Cela s'applique aux boutons par exemple : un gros bouton appelle à être cliqué, alors qu'un petit est censé être moins utilisé.