Une mise en page et une conception claires
dans L'accessibilité Web illustrée : explorez ses effets et ses bénéfices pour tous
À propos de cette traduction
Cette traduction faite par des volontaires peut ne pas refléter les intentions de l’original en anglais.
Traduction à jour par rapport à la version anglaise.
Traduction mise à jour : 2023-10-12. Version anglaise mise à jour le : 2019-01-23.
Traduction : Sofia Ahmed, Rémi Bétin.
Contribution : Sandra Velarde Gonzalez (ETNIC).
WAI remercie ces traducteurs, et accueille volontiers d’autres traductions.
L’accessibilité Web est essentielle pour les personnes en situation de handicap et utile à tous. Découvrez les effets de l’accessibilité et les bénéfices pour tous dans diverses situations.
Vidéo sur une mise en page et une conception claires
Les informations de cette vidéo sont disponibles sous forme de Transcription avec description des visuels en bas de la page.
Que signifie « une mise en page et une conception claires ? »
Les différentes parties d’une page Web doivent être faciles à trouver et à identifier. Cela inclut les menus de navigation, les liens, et les sections de texte. Ils devraient être faciles à trouver et clairement identifiés. Par ailleurs, les étiquettes et les instructions des formulaires doivent être clairement associées à leur composant d’interface.
Qui dépend de cette fonctionnalité ?
- Les personnes malvoyantes qui utilisent l’agrandissement d’écran et qui ne voient qu’une partie de l’écran à la fois.
- Les personnes avec des troubles cognitifs ou d’apprentissage qui ont besoin de clarté et de cohérence pour s’orienter sur un site Web.
Quels sont les autres bénéfices ?
- Le contenu est plus facile à utiliser pour les personnes qui ne connaissent pas le site Web ou l’application en question.
- Le contenu est plus facile à utiliser pour les personnes qui ne sont pas à l’aise dans l’utilisation d’ordinateurs et du Web.
- Le contenu est plus facile à utiliser pour les utilisateurs d’appareils mobiles, qui le voient sur un écran plus petit ; en particulier s’ils sont pressés ou distraits.
- Le contenu et les fonctionnalités sont plus faciles à trouver et à identifier pour la plupart des utilisateurs.
Comment mettre cela en pratique ?
Créez une structure claire, aussi bien visuellement qu’au niveau du balisage. Par exemple, faites en sorte que les sections puissent facilement être distinguées, comme la navigation, ou les composants d’interface liés entre eux dans un formulaire ; et fournissez des en-têtes pour identifier les groupes d’information. Fournissez aux utilisateurs des pages Web avec une présentation et des comportements cohérents à travers le site.
Plus d’informations
- Principe d’accessibilité :
- Pour démarrer :
- Vérification facile :
- Témoignages d’utilisateurs :
- Régles pour l’accessibilité des contenus Web (Vue d’ensemble des WCAG) :
- Tutoriel :
- Structure de page - Tutoriels sur l’accessibilité Web (en anglais) (version préliminaire)
Transcription avec description des visuels
| Audio | Visuel |
|---|---|
| L'accessibilité Web illustrée : une mise en page et une conception claires | L'accessibilité Web illustrée : une mise en page et une conception claires |
| Un mauvais agencement peut être très frustrant. | Un homme dans une cuisine cherche de quoi faire du café. L'homme est frustré de ne pas trouver ce qu'il cherche. |
| Il en est de même pour le Web. Un bon design implique une bonne mise en page, qui offre une meilleure expérience utilisateur. |
L'homme réorganise la cuisine en accéléré. |
| Cela suppose des en-têtes et des barres de navigation clairs, et un style cohérent. |
L'homme navigue maintenant sur un site Web de livraison de pizzas mal conçu et secoue sa tête. |
| N'importe quel utilisateur du Web est frustré par une mauvaise mise en page et un mauvais design. | Une femme utilise le même site Web complexe avec un agrandisseur d'écran. Elle ne voit qu'une partie de l'écran à la fois, ce qui rend le site Web encore plus confus. |
| Avec des mises en page complexes, la recherche d'information est difficile voire impossible pour les personnes atteintes de troubles de la vision. | La femme secoue sa tête et est incapable d'utiliser ce site Web. |
| Elles sont aussi déroutantes pour les personnes avec des troubles cognitifs et d'apprentissage, qui ont besoin d'une présentation claire et cohérente. | L'homme appelle une amie pour l'aider. |
| Un mauvais design affecte aussi toute personne qui n'est pas particulièrement à l'aise avec les ordinateurs. | L'amie est tout aussi déroutée et navigue vers un meilleur site Web de pizzas. |
| L'accessibilité Web : essentielle pour certains, utile à tous. | Ce second site Web est bien plus clair et facile d'utilisation. Tous les deux sont heureux. La femme utilisant un agrandisseur d'écran a elle aussi utilisé ce site Web et savoure une pizza. |
| Visitez w3.org/WAI/perspectives pour plus d'informations concernant Une mise en page et une conception claires | Visitez w3.org/WAI/perspectives pour plus d'informations concernant Une mise en page et une conception claires. Logo de l'Initiative pour l'accessibilité du Web de W3C |