Fonctions d’accessibilité sous Dreamweaver

L’accessibilité consiste à faire en sorte que les sites ou les produits web que vous créez puissent être utilisés par des personnes souffrant de handicaps visuels, auditifs, moteurs ou autres. Les fonctions d’accessibilité de produits logiciels et de sites web peuvent être : la prise en charge de lecteurs d’écran, des équivalents textuels pour les graphiques, des raccourcis clavier, des modifications dans les couleurs d’affichage pour augmenter le contraste, etc. Dreamweaver inclut des outils qui simplifient sa prise en main et permettent de créer un contenu accessible.

Pour les développeurs Dreamweaver souhaitant utiliser les fonctions d’accessibilité, l’application prend en charge des lecteurs d’écran, la navigation avec le clavier et les fonctions d’accessibilité de votre système d’exploitation.

Dreamweaver accompagne les designers web qui souhaitent créer des pages accessibles offrant des contenus adaptés aux lecteurs d’écran et conformes aux directives gouvernementales. Par exemple, des boîtes de dialogue vous invitent à entrer des attributs d’accessibilité, tels que l’équivalent texte d’une image, lorsque vous insérez des éléments de page. Ainsi, lorsque l’image s’affiche sur le système d’un utilisateur ayant des problèmes de vue, le lecteur d’écran lit la description.

Aucun outil de création web ne peut automatiser entièrement le processus de développement. Pour concevoir des sites web accessibles, vous devez comprendre les exigences liées à l’accessibilité et devez continuellement tenir compte lors de vos prises de décisions de la façon dont les personnes souffrant d’un handicap interagissent avec les pages web. La meilleure façon de s’assurer qu’un site web est accessible est de respecter toutes les procédures de préparation, de développement, de tests et d’évaluation.

Utilisation des lecteurs d’écran sous Dreamweaver

Un lecteur d’écran récite le texte qui s’affiche sur l’écran de l’ordinateur. Il lit aussi les informations non textuelles, telles que les étiquettes de boutons ou les descriptions d’images dans l’application, fournies dans les balises ou les attributs d’accessibilité lors de la création.

En tant que designer web utilisant Dreamweaver, vous pouvez utiliser un lecteur d’écran pour vous assister dans la création de vos pages web. Le lecteur d’écran commence sa lecture par le coin supérieur gauche de la fenêtre de document.

Dreamweaver prend en charge JAWS pour Windows, de Freedom Scientific (www.freedomscientific.com), et les lecteurs d’écran Window-Eyes de GW Micro (www.gwmicro.com).

Prise en charge des fonctions d’accessibilité du système d’exploitation

Dreamweaver prend en charge les fonctionnalités d’accessibilité des systèmes d’exploitation Windows et Macintosh. Par exemple, sur le Macintosh, définissez les préférences visuelles dans la boîte de dialogue Préférences d’accès universelles (Apple > Préférences système). Les paramètres sélectionnés sont alors repris par l’espace de travail de Dreamweaver.

Le paramètre de contraste élevé du système d’exploitation Windows est également pris en charge. Lorsque vous pouvez activer cette option à l’aide du Panneau de configuration de Windows, elle affecte Dreamweaver de la façon suivante :

• Les boîtes de dialogue et les panneaux utilisent des paramètres de couleurs système. Par exemple, si vous choisissez un avant-plan blanc et arrière-plan noir, les boîtes de dialogue et les panneaux utiliserons du blanc en avant-plan et du noir en arrière-plan.

• Le mode Code utilise les couleurs système des fenêtres et du texte de fenêtres. Par exemple, si vous avez fixé les couleurs système à Blanc sur Noir et que vous changez les couleurs de texte dans Édition > Préférences > Coloration du code, Dreamweaver ignore ces paramètres de couleur et affiche le texte de code avec du blanc comme couleur de premier plan et du noir en arrière-plan.

• Le mode Création utilise les couleurs d’arrière-plan et de texte que vous avez définies dans Modifier > Propriétés de la page pour que les pages que vous créez aient un rendu des couleurs similaire à celui d’un navigateur.

Optimisation de l’espace de travail pour la conception de pages accessibles

Lorsque vous créez des pages accessibles, vous devez associer des informations aux objets présents sur les pages, telles que des étiquettes et des descriptions, pour rendre votre contenu accessible à tous les utilisateurs.

Pour ce faire, activez la boîte de dialogue Accessibilité de chaque objet. de cette façon, Dreamweaver vous invitera à entrer les informations d’accessibilité au moment de l’insertion des objets. Vous pouvez activer une boîte de dialogue pour n’importe quel objet de la catégorie Accessibilité dans les préférences.

Navigation sous Dreamweaver à l’aide du clavier

Vous pouvez utiliser le clavier pour parcourir les panneaux, les inspecteurs, les boîtes de dialogue, les cadres et les tableaux sans utiliser de souris.

Navigation dans les panneaux

Navigation dans l’inspecteur Propriétés

Navigation dans une boîte de dialogue

Navigation dans les cadres

Sélection d’un cadre

Navigation dans un tableau