Cliquez sur Édition > Préférences (Windows)
ou Dreamweaver > Préférences (Mac).
Dernière mise à jour le
27 avr. 2021
Utilisez Dreamweaver pour rendre l’expérience utilisateur de vos sites web et vos produits web agréables pour les personnes vivant avec handicap visuel, auditif, moteur ou autre.
À propos du contenu accessible
L'accessibilité consiste à rendre les sites web et les produits web utilisables par les personnes souffrant de handicaps visuels, auditifs, moteurs et autres. Les exemples de fonctionnalités d'accessibilité pour les produits logiciels et les sites web incluent la prise en charge des lecteurs d'écran, les équivalents textuels pour les graphiques, les raccourcis clavier, le changement des couleurs d'affichage en contraste élevé, etc. Dreamweaver fournit des Outils qui le rendent accessible à l'utilisation et des Outils qui vous aident à créer du contenu accessible.
Pour les développeurs Dreamweaver qui ont besoin d'utiliser les fonctionnalités d'accessibilité, l'Application offre la prise en charge des lecteurs d'écran, la navigation au clavier et la prise en charge de l'accessibilité du système d'exploitation.
Pour les concepteurs web qui ont besoin de créer du contenu accessible, Dreamweaver vous aide à créer des pages accessibles qui contiennent du contenu utile pour les lecteurs d'écran et qui respectent les directives du gouvernement fédéral. Par exemple, les boîtes de dialogue vous invitent à saisir des attributs d'accessibilité — tels que les équivalents textuels pour une image — lorsque vous insérez des éléments de page. Ensuite, lorsque l'image apparaît sur une page pour un utilisateur ayant une déficience visuelle, le lecteur d'écran lit la description.
Annotation
Pour plus d'informations sur deux initiatives d'accessibilité importantes, consultez la World Wide Web Consortium Web Accessibility Initiative (www.w3.org/wai) et la Section 508 du U.S. Federal Rehabilitation Act (www.section508.gov).
Annotation
Pour plus d'informations sur les directives d'accessibilité de Japan Industry Standard, consultez JIS X 8341-3 (www.jisc.go.jp).
Aucun outil de création web ne peut automatiser entièrement le processus de développement. Concevoir des sites web accessibles nécessite de comprendre les exigences d'accessibilité et de prendre des décisions continues sur la façon dont les utilisateurs handicapés interagissent avec les pages web. La meilleure façon de s'assurer qu'un site web est accessible est par une planification, un développement, des tests et une évaluation délibérés.
Utilisation des lecteurs d’écran sous Dreamweaver
Un lecteur d'écran récite le texte qui apparaît sur l'écran de l'ordinateur. Il lit également les informations non textuelles, telles que les libellés de boutons ou les descriptions d'images dans l'Application, fournies dans les balises ou attributs d'accessibilité lors de la création.
En tant que concepteur Dreamweaver, vous pouvez utiliser un lecteur d'écran pour vous aider à créer vos pages web. Le lecteur d'écran commence la lecture depuis 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 fonctionnalités d'accessibilité du système d'exploitation
Dreamweaver prend en charge les fonctionnalités d'accessibilité dans les systèmes d'exploitation Windows et Macintosh. Par exemple, sur Macintosh, vous définissez les préférences visuelles dans la boîte de dialogue Préférences d'accès universel (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. Vous activez cette option via le panneau de contrôle Windows et cela affecte Dreamweaver comme suit :
Les boîtes de dialogue et les panneaux utilisent des paramètres de couleurs système. Par exemple, si vous définissez la couleur sur Blanc sur Noir, toutes les boîtes de dialogue et panneaux Dreamweaver apparaissent avec une couleur de premier plan blanche et un arrière-plan noir.
Le mode Code utilise les couleurs système des fenêtres et du texte de fenêtres. Par exemple, si vous définissez la couleur système sur Blanc sur Noir, puis modifiez les couleurs de texte dans Édition > Préférences > Coloration du code, Dreamweaver ignore ces paramètres de couleurs et affiche le texte du code en blanc sur fond noir.
La vue Design utilise les couleurs d'arrière-plan et de texte que vous définissez dans Modifier > Propriétés de la page afin que les pages que vous concevez affichent les couleurs comme le ferait un navigateur.
Optimiser l'espace de travail pour une conception de page accessible
Lorsque vous créez des pages accessibles, vous devez associer des informations, telles que des libellés et des descriptions, aux objets de page pour que votre contenu soit accessible à tous les utilisateurs.
Pour ce faire, activez la boîte de dialogue Accessibilité pour chaque objet, de façon à ce que Dreamweaver vous demande des informations d'accessibilité lorsque vous insérez 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.
Sélectionnez Accessibilité dans la liste des catégories à gauche, sélectionnez un objet, définissez une des options suivantes, puis cliquez sur OK.
Affichage des attributs lors de l’insertion
Sélectionnez les objets pour lesquels vous souhaitez activer les boîtes de dialogue d'accessibilité.Par exemple, les objets de formulaire, les cadres, les médias et les images.
Laisser le focus sur le panneau
Maintient le thème sur le panneau, ce qui le rend accessible au lecteur d'écran.(Si vous ne sélectionnez pas cette option, le thème reste dans l'affichage Design ou Code lorsqu'un utilisateur ouvre un panneau.)
Restitution hors écran
Sélectionnez cette option lorsque vous utilisez un lecteur d’écran.
Annotation
Les attributs d’accessibilité apparaissent dans la boîte de dialogue Tableau lors de l’insertion d’un nouveau tableau.
Navigation dans Dreamweaver à l'aide du clavier
Vous pouvez utiliser le clavier pour naviguer dans les panneaux, les inspecteurs, les boîtes de dialogue, les cadres et les tableaux sans souris.
Annotation
La tabulation et l'utilisation des touches de direction ne sont prises en charge que sous Windows.
Navigation dans les panneaux
Dans la fenêtre Document, appuyez sur Ctrl+F6 pour déplacer le thème vers un panneau.
Une ligne pointillée autour du titre du panneau indique que le thème est sur ce panneau.Le lecteur d'écran lit la barre de titre du panneau qui a le thème.
Appuyez à nouveau sur Ctrl+F6 pour déplacer le thème jusqu'à ce que vous ayez le thème sur le panneau dans lequel vous souhaitez travailler.(Appuyez sur Ctrl+Maj+F6 pour déplacer le thème vers le panneau précédent.)
Si le panneau dans lequel vous souhaitez travailler n'est pas ouvert, utilisez les raccourcis clavier du menu Fenêtres pour afficher le panneau approprié, puis appuyez sur Ctrl+F6.
Si le panneau dans lequel vous souhaitez travailler est ouvert, mais pas développé, placez le thème sur la barre de titre du panneau, puis appuyez sur la barre d'espacement.Appuyez de nouveau sur la barre d’espace pour réduire le panneau.
Appuyez sur la touche Tab pour parcourir les options du panneau.
Utilisez les touches fléchées de façon appropriée :
Si une option a des choix, utilisez les touches de direction pour faire défiler les choix, puis appuyez sur la barre d'espacement pour effectuer une sélection.
S'il y a des onglets dans le groupe de panneaux pour ouvrir d'autres panneaux, placez le thème sur l'onglet ouvert, puis utilisez la touche de direction gauche ou droite pour ouvrir d'autres onglets.Une fois que vous ouvrez un nouvel onglet, appuyez sur la touche Tab pour parcourir les options de ce panneau.
Navigation dans l’inspecteur Propriétés
Appuyez sur Ctrl+F3 pour afficher l'inspecteur de propriétés, s'il n'est pas visible.
Appuyez sur Ctrl+F6 (Windows uniquement) jusqu'à ce que vous déplaciez le thème vers l'inspecteur de propriétés.
Appuyez sur la touche Tab pour parcourir les options de l'inspecteur de propriétés.
Utilisez les touches fléchées selon les besoins pour parcourir les
choix d'options.
Appuyez sur Contrôle+Touche Bas/Touche Haut (Windows) ou Commande+
Touche Bas/Touche Haut (Macintosh) pour ouvrir et fermer la section développée
de l'inspecteur de propriétés, selon les besoins, ou, lorsque le thème est sur la flèche
d'affichage dans le coin inférieur droit, appuyez sur la barre d'espacement.
Annotation
Le thème du clavier doit être à l'intérieur de l'inspecteur de propriétés (et non sur le titre du panneau) pour que l'affichage et la réduction fonctionnent.
Navigation dans une boîte de dialogue
Appuyez sur la touche Tab pour parcourir les
options dans une boîte de dialogue.
Utilisez les touches fléchées pour faire défiler les choix d’une option.
Si la boîte de dialogue comporte une liste de catégories, appuyez sur Contrôle+Tab
(Windows) pour déplacer le thème vers la liste des catégories, puis utilisez les
touches fléchées pour monter ou descendre dans la liste.
Appuyez de nouveau sur Contrôle+Tab pour passer aux options d'une
catégorie.
Appuyez sur Entrée pour quitter la boîte de dialogue.
Navigation dans les cadres
Si le document contient des cadres, vous
pouvez utiliser les touches fléchées pour déplacer le thème vers un cadre.
Sélection d’un cadre
Appuyez sur Alt+Touche Bas pour placer le point
d'insertion dans la fenêtre de document.
Appuyez sur Alt+Touche Haut pour sélectionner le cadre qui a actuellement
le thème.
Continuez à appuyer sur Alt+Touche Haut pour déplacer le thème vers le
jeu de cadres, puis vers les jeux de cadres parents, s'il y a des jeux de
cadres imbriqués.
Appuyez sur Alt+Touche Bas pour déplacer le thème vers un jeu de cadres
enfant ou un cadre unique dans le jeu de cadres.
Lorsque le thème est sur un cadre unique, appuyez sur Alt+Flèche gauche ou droite
pour vous déplacer entre les cadres.
Navigation dans un tableau
Utilisez les touches fléchées ou appuyez sur Tab pour vous déplacer
vers d'autres cellules du tableau selon les besoins.
Annotation
Appuyer sur Tab dans une cellule la plus à droite ajoute une autre ligne au tableau.
Pour sélectionner une cellule, appuyez sur Contrôle+A (Windows uniquement) tandis
que le point d'insertion est dans la cellule.
Pour sélectionner le tableau entier, appuyez sur Contrôle+A deux fois si
le point d'insertion est dans une cellule, ou une fois si une cellule est sélectionnée.
Pour sortir du tableau, appuyez sur Contrôle+A trois fois si le
point d'insertion est dans une cellule, deux fois si la cellule est sélectionnée, ou
une fois si le tableau est sélectionné, puis appuyez sur la touche Flèche haut, gauche ou droite.
Créez de magnifiques sites web dans Dreamweaver
Concevez, codez et gérez des sites web dynamiques dans un puissant outil tout-en-un.
