Modèles accessibles

Une bonne accessibilité est intégrée dans chacune des étapes du processus de développement Web. Les responsables de la conception, les responsables du développement et les autres spécialistes du contenu ont tous un rôle à jouer dans la création de sites Web accessibles. Cette page explique comment les modèles accessibles peuvent faciliter ce processus.

Créer des maquettes fonctionnelles accessibles (responsables de la conception)

La maquette fonctionnelle d’une page Web est un document de conception visuelle créé par les responsables de la conception. La maquette fonctionnelle montre la disposition d’une page Web en organisant la page en diverses sections qui seront plus tard remplies par des images et du texte. Cette maquette peut régler la disposition des pages d’une manière qui maximise la convivialité et la facilité d’utilisation. L’utilisation de maquettes fonctionnelles permet d’assurer l’uniformité de la disposition des pages d’un même site Web, améliorant ainsi l’accessibilité pour les utilisateurs présentant un handicap cognitif.

Créer des modèles accessibles (responsables du développement)

Les responsables du développement analysent la maquette fonctionnelle créée par les responsables de la conception et créent un modèle de page Web codé en HTML. Le modèle doit être codé de manière à assurer l’accessibilité des pages de contenu. Ce modèle peut définir chaque section de la page en prévision du contenu, qui sera fourni plus tard par les spécialistes du contenu (p. ex. les titres, la navigation, le corps, le pied de page, etc.).

Créer du contenu accessible dans les modèles (spécialistes du contenu)

Même si les modèles de contenu peuvent établir une sorte de barrière de sécurité, comme un formulaire dans un système de gestion de contenu, il peut arriver que le contenu des sites Web crée aussi des obstacles. Un modèle de contenu accessible aide les spécialistes du contenu à produire du contenu accessible. Consultez la section Accessibilité des documents pour en savoir plus.

Un modèle de contenu devrait permettre aux spécialistes du contenu de mettre à jour tout le contenu pertinent pour la page Web, y compris :

• le titre de la page <title> (qui s’affiche dans l’onglet du navigateur);
• les titres et leur niveau (h1, h2, h3, etc.);
• les paragraphes;
• les listes, ordonnées (numérotées) et non ordonnées (à puces);
• les images et leur texte de remplacement.

Comment ajouter du contenu accessible

Essayez toujours de faire en sorte que le contenu des pages Web soit écrit avec un code sémantique, c.-à-d. qui utilise la mise en forme HTML standard. Le contenu sémantique améliorera l’accessibilité et est compatible avec les technologies d’assistance comme les lecteurs d’écran, la reconnaissance vocale et les claviers. Le contenu mis en forme de cette façon présente plusieurs avantages en matière d’accessibilité. Par exemple :

• Le titre de la page <title> est annoncé par les lecteurs d’écran lors du chargement de la page;
• Les titres et leur niveau (h1, h2, h3, etc.) sont annoncés par les lecteurs d’écran pour fournir du contexte aux utilisateurs ayant une déficience visuelle. Les titres fournissent également une façon de parcourir ou de survoler le contenu d’une page;
• Les paragraphes correctement étiquetés améliorent la lisibilité et permettent aux utilisateurs de mieux contrôler la personnalisation des contrastes;
• Les listes ordonnées (numérotées) et non ordonnées (à puces) sont annoncées par les lecteurs d’écran pour fournir du contexte et définir les attentes (nombre d’éléments dans la liste);
• Le texte de remplacement des images est annoncé par les lecteurs d’écran pour donner du sens au contenu pour les personnes ayant une déficience visuelle.

Comment demander la modification d’un modèle

Il est important que les spécialistes du contenu consultent les responsables de la conception ou l’architecte en TI avant d’apporter des modifications aux modèles de pages ou aux maquettes fonctionnelles. Si les modifications apportées à une maquette fonctionnelle ont un effet sur le contenu de la page, alors le modèle de contenu devra peut-être aussi être revu.