Modèles accessibles

Une bonne accessibilité est intégrée à chaque étape du processus de développement du site Web. Les concepteurs, les développeurs et les spécialistes du contenu ont tous un rôle à jouer dans le développement de sites Web accessibles. Cette page explique comment des modèles accessibles peuvent être élaborés pour soutenir ce processus.

Création de maquettes fonctionnelles accessibles (concepteurs)

Une maquette fonctionnelle de page Web est un document de conception visuelle créé par des concepteurs. La maquette fonctionnelle montre la mise en page d’une page Web en organisant celle-ci en sections qui seront complétées ultérieurement par des images et du contenu textuel. La maquette fonctionnelle permet de disposer les pages de manière à maximiser la convivialité   et la facilité d’utilisation. L’utilisation d’une maquette fonctionnelle permet de s’assurer que les pages Web ont une mise en page cohérente d’une page à l’autre, ce qui améliore l’accessibilité pour les utilisateurs ayant des troubles] cognitifs.

Création de modèles accessibles (développeurs)

Les développeurs analysent la maquette fonctionnelle élaborée par les concepteurs et créent un modèle de page Web codé en HTML. Le code du modèle doit être accessible pour créer des pages de contenu accessibles. Le code du modèle peut définir chaque section de la page pour qu’elle contienne le contenu qui sera fourni ultérieurement par un spécialiste du contenu (p. ex. le titre de haut de page, la navigation, la page principale, le pied de page, etc.)

Création de contenu accessible dans des modèles (spécialistes du contenu)

Si les modèles de contenu peuvent comporter des protections, comme un formulaire dans un système de gestion de contenu (SGC), le contenu du site Web lui-même peut également créer des obstacles. Un modèle de contenu accessible permet aux spécialistes du contenu de produire plus facilement du contenu accessible. Voir Accessibilité des documents pour obtenir plus de détails.

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

• <title> (titre) de la page (il apparaît dans l’onglet du navigateur)
• Titres et leurs niveaux(h1, h2, h3, etc.)
• Paragraphes
• Listes – non ordonnées (à puces) et ordonnées (numérotées)
• Images et leur texte de remplacement

Comment ajouter du contenu accessible

Essayez toujours de maintenir un contenu de page Web écrit de manière sémantique, c’est-à-dire qui utilise le formatage HTML standard. Le contenu sémantique améliore l’accessibilité et fonctionne bien avec les technologies d’assistance (TA), comme les lecteurs d’écran, la reconnaissance vocale et même les claviers. Voici quelques avantages en matière d’accessibilité d’un contenu formaté de cette manière :

• Le <title> (titre) de la page est annoncé par les lecteurs d’écran lors du chargement de la page.
• Les titres et leurs niveaux(h1, h2, h3, etc.) sont annoncés par les lecteurs d’écran afin de fournir un contexte aux utilisateurs ayant une déficience visuelle. Les titres permettent également de naviguer dans une page ou de balayer son contenu.
• Les paragraphes balisés améliorent la lisibilité et permettent aux utilisateurs de mieux contrôler la personnalisation des thèmes de contraste.
• Les listes non ordonnées (à puces) et les listes ordonnées (numérotées) sont annoncées par les lecteurs d’écran afin de fournir un contexte et de définir les attentes (combien d’éléments se trouvent dans la liste).
• Le texte descriptif (de remplacement) des images est annoncé par les lecteurs d’écran afin de fournir une description aux personnes atteintes d’une déficience visuelle.

Comment demander une modification du modèle

Il est important que les spécialistes du contenu vérifient auprès des développeurs ou de l’architecte des TI   (technologies de l’information) avant d’effectuer des mises à jour du modèle de page ou de la maquette fonctionnelle. Si les modifications apportées à la maquette fonctionnelle ont une incidence sur le contenu de la page, il se peut que le modèle de contenu doive également être modifié.