Fonctions - La barre d'outils Accessibilité du Web FR 1.2
A propos | Fonctions
- Accessible Informations Solutions
- Valider
- Redimensionner
- CSS
- Images
- Couleurs
- Structure
- Outils
- Simulations
- Info Doc
- Source
- Options IE
- Ressources
- Agrandir
- accesskeys
| Fonctionnalité | Description |
|---|---|
| Accessible Information Solutions (AIS) | Mène vers des informations sur les services d'AIS |
| Options de la barre d'outils Accessibilité |
|
| Documentation de la barre d'outils Accessibilité | Informations sur les fonctionnalités de la barre d'outils |
| Web accessibility Tools Consortium | Informations et outils fournis par le Consortium WAT-C |
| A propos de la barre d'outils Accessibilité | Informations sur la version et le développement de la barre d'outils. |
| Contacter BrailleNet | Envoyer un e-mail à l'équipe de BrailleNet |
| Mis à jour jj-mm-aaaa | La dernière fois que le fichier de fonctionnalités de la barre d'outils a été mis à jour sur votre ordinateur. La barre d'outils recherche les mises à jour tous les 7 jours. |
| Fonctionnalité | Description |
|---|---|
Validateur HTML du W3C
|
Vérifie le code HTML de la page ou des pages courantes à l'aide du Validateur HTML du W3C Note: Valider le HTML (Chargement d'un fichier local) - lorsqu'un fichier HTML est ouvert en local [exemple C:\exemple.html] dans IE, l'activation de la fonctionnalité de chargement de fichier enverra automatiquement le code du fichier au validateur. |
Validateur de CSS du W3C
|
Vérifie le code CSS de la page en cours à l'aide du Validateur CSS du W3C |
HTML Tidy du W3C
|
Vérifie le code HTML de la page en cours et propose l'option de visualiser/télécharger une version réparée de la page à l'aide de HTML Tidy |
Vérificateur de liens du W3C
|
vérifie les ancres (hyperliens) dans un/des document(s) HTML/XHTML (s). Utile pour trouver des liens cassés, etc. à l'aide du vérificateur de liens du W3C |
Validateur HTML
du WDG
|
Vérifie le code HTML de page(s) en cours à l'aide du Validateur HTML du WDG |
WDG Link Valet
|
Vérifier les ancres (hyperliens) dans un/des document(s) HTML/XHTML. Utile pour repérer les liens cassés, etc. à l'aide de WDG Link Valet |
| Validateur P3P | Vérifie la présence et la validité du P3P |
| Fonctionnalité | Description |
|---|---|
| 640X480 | Redimensionne la fenêtre courante du navigateur à une largeur de 640 pixels et une hauteur de 480 pixels. |
| 800X600 | Redimensionne la fenêtre courante du navigateur à une largeur de 800 pixels et une hauteur de 600 pixels. |
| 1024X768 | Redimensionne la fenêtre courante du navigateur à une largeur de 1024 pixels et une hauteur de 768 pixels. |
| 1280X1024 | Redimensionne la fenêtre courante du navigateur à une largeur de 1280 pixels et une hauteur de 1024 pixels. |
| Configurer les tailles - régler la hauteur/la largeur | Redimensionne la fenêtre courante du navigateur à une hauteur/largeur en pixels définie par l'utilisateur |
| Test de la taille de l'écran | Lien vers un outil pour tester la taille de l'écran en ligne et des informations pour les tailles d'écrans pour une gamme de navigateurs/résolutions d'écran/plates-formes. |
| Fonctionnalité | Description |
|---|---|
| Désactiver les feuilles de style CSS | Désactive les feuilles de style externes et supprime l'attribut 'style' (s'il est présent) de tous les éléments de la page |
| Montre les styles appliqués | Affiche les styles (dans une nouvelle fenêtre) associés au contenu qui se trouve à ce moment sous le curseur de la souris. Script de Jesse Ruderman |
| Montrer la feuille de style | affiche le contenu des feuilles de style liées à la page en cours (dans une nouvelle fenêtre) |
| Tester les styles | Edite et applique les styles à la page courante à la volée (dans une nouvelle fenêtre) comprend une liste déroulante des règles de style trouvées dans les feuilles de style référencées dans la page courante. Les styles resteront sur les pages (à l'intérieur du site courant) tandis que la fenêtre de l'éditeur de styles restera ouverte. Développé à partir d'un script de Jesse Ruderman |
| Fonctionnalité | Description |
|---|---|
| Liste des images | Affiche (dans une nouvelle fenêtre) une liste des images ainsi que l'élément img correspondant. Développé à partir d'un script de Lioren |
| Affiche le alt des images | Remplace tous les éléments img de la page en cours par le contenu de leurs attributs alt entre guillemets. Si un élément img n'a pas d'attribut alt, l'image est remplacée par le texte 'NoAlt!' |
| Montrer les images | Affiche un élément img à côté de chaque image (ainsi que l'attribut alt des images, si img n'a pas d'attribut alt le texte 'NoAlt!' est affiché) et met une bordure rouge autour de chaque image. |
| Montrer les images maps | Vérifie la présence d'images map côté client et côté serveur. Un message d'alerte indique si aucune image n'a été trouvée. Si des images maps sont trouvées elles sont affichées dans une nouvelle fenêtre avec les élément area associés. |
| Tester les GIF animés | Service en ligne qui teste toutes les images gif trouvées sur la page courante. S'il s'avère qu'un gif contient de multiples cadres le taux d'oscillation est mesuré pour déterminer s'il est dans une gamme pouvant gêner les utilisateurs ayant une épilepsie photosensible. Voir également les informations en anglais sur l'épilepsie photosensible et le Web. Développé par Renzo Guist et traduit en anglais par Roberto Castaldo |
| Fonctionnalité | Description |
|---|---|
| niveau de gris | Rend le contenu de la page en cours en niveau de gris Note: ne fonctionne pas sur les fichiers PNG |
| Couleurs Utilisées | Affiche (dans une nouvelle fenêtre) une liste de toutes les couleurs trouvées dans la feuille de style de la page en cours. Source venant de milov.nl |
| Outil d'analyse des contrastes | Ouvre l'outil d'analyse des contrastes |
| Outil d'analyse des contrastes | 3 options de test (les résultats sont affichés dans une nouvelle fenêtre)
|
| Vischeck - simulation du daltonisme (Deutéranope: couramment rouge/vert) | Envoie l'URL de la page courante au simulateur du daltonisme de Vischeck l'url est traité (cela peut prendre quelques instants), une page s'ouvrira avec un lien vers la simulation(dans une nouvelle fenêtre). |
| Fonctionnalité | Description |
|---|---|
| En-têtes | Montrer tous les éléments d'en-tête de la page en cours |
| Structure des en-têtes | Affiche le titre du document et les en-têtes (h1 - h6 y compris le contenu) dans une nouvelle fenêtre. Basé sur une caractéristique de The Wave 3.5 |
| Eléments de liste | Montre les éléments de listes numérotés, non numérotés et de définition sur la page en cours |
| Fieldset / Labels | Montre les éléments Fieldset, legend et label sur la page en cours. Montre l'attribut for de l'élément label s'il est présent, affiche le texte 'NoFor!' s'il n'est pas présent. Affiche l'attribut id [id=""] des contrôles de formulaires s'il est présent. |
| Acronymes / Abréviations | Montre les éléments Acronym et Abbreviation, ainsi que leurs attributs title, sur la page en cours |
| Blockquote & Q | montre les éléments Blockquote et Q sur la page en cours |
| JavaScript / liens ouvrant de nouvelles fenêtres |
|
| Gestionnaires d'événements | Affiche un message d'erreur  à côté d'un élément si l'élément
 à côté d'un élément si l'élément
|
| Raccourcis clavier | Affiche les attributs accesskey trouvés sur la page en cours |
| Tabindex | Affiche les attributs trouvés sur la page en cours |
| Montrer l'ordre de tabulation | Numérote et entoure chaque élément actif en montrant l'ordre dans lequel on accède à ces éléments à l'aide de la touche tabulation du clavier. Note: Tabindex est pris en compte s'il est défini. Les iframes, les image maps et les objets intégrés (embedded) (par exemple: les fichiers flash) sont comptés comme une incrémentation de 1 dans l'ordre de tabulation. |
| Montrer les en-têtes de tableau | Montre les éléments Table, th sur la page en cours, les éléments th ont une couleur de fond noire et le contenu textuel est en jaune et en gras. |
| Tableau de données simple | Montre les éléments Table, th, Td et Caption sur la page en cours ainsi que les attributs recommandés pour baliser les tableaux de données simples (summary, scope). Un avertissement est affiché si les attributs summary ["No summary!"] ou scope ["No scope!"] ne sont pas présents sur les éléments appropriés. |
| Tableau de données complexe | Montre les éléments Table, th, td et Caption sur la page en cours ainsi que les attributs recommandés pour baliser les tableaux de données complexes (summary, scope, id et headers). Un avertissement est affiché si les attributs summary ["No summary!"], scope ["No scope!"], id ["No id!"], headers ["No headers!"] ne sont pas présents sur les éléments appropriés. |
| Bordures du tableau | Montre les bordures de tous les tableaux / cellules de tableaux sur la page en cours |
| Ordre des cellules du tableau | Montre l'ordre de tabulation (chiffres) et les bordures des cellules de tableaux sur la page en cours |
| Linéariser (Supprimer les Tableaux) | Supprime tous les éléments table, td, tr, th, div pour la page en cours |
| Bordures des cadres | Montre les bordures de tous les éléments de cadre sur la page en cours |
| Nom / Titre du cadre | Affiche (dans une nouvelle fenêtre) une liste des pages avec cadres ainsi que les valeurs des attributs des éléments name et title |
| Montrer les Divs | montre l'ordre de tabulation (chiffres) et les bordures des éléments Div sur la page en cours. |
| Montrer le(s) autre(s) élément(s) | Montre une boîte d'invite javascript où l'on peut saisir le nom d'un élément (sans les signes "<>". Montre ensuite une autre invite où l'on peut saisir une couleur (le rouge est la couleur par défaut). Ensuite, des bordures apparaissent autour des exemples des éléments nommés trouvés sur la page en cours. Développé à partir d'un script sur Centricle Note: Il est important, pour que le script fonctionne, d'entrer les noms de couleurs en anglais: par exemple, écrire Red pour rouge, white pour blanc, green pour vert et black pour noir. |
à côté des liens contenant du JavaScript dans l'attribut href. Les liens sont encadrés par des pointillés sur un autre fond de couleur
à côté des liens qui contiennent un gestionnaire d'événements onclick et les mots courants utilisés dans les scripts d'ouverture de nouvelles fenêtres dans l'attribut href et/ou l'attribut onclick. Les liens sont également encadrés de pointillés et un fond de couleur. 
à côté des liens dont l'attribut target est spécifié (_self & _top sont exclus). Les liens ont également une couleur fond.| Fonctionnalité | Description |
|---|---|
| Outils de Juicy Studio |
|
| The Wave | Soumet l'URL de la page en cours à l'outil de vérification de l'accessibilité Wave (2 options: fenêtre actuelle ou nouvelle fenêtre) |
| AccMonitor | Soumet l'URL de la page en cours à l'outil de vérification de l'accessibilité AccMonitor (2 options: fenêtre actuelle ou nouvelle fenêtre) |
| Webxact / Bobby |
Note: Bobby a maintenant été remplacé par Webxact Soumet l'URL de la page en cours à Webxact un outil qui vérifie la qualité, l'accessibilité, et les questions de confidentialité. 4 options:
|
| Lynx Viewer | Soumet l'url de la page en cours à Lynx Viewer un outil simulant un navigateur textuel |
| Torquemada | Soumet l'url de la page courante à Torquemada un outil de vérification de l'accessibilité (2 options: en italien ou en anglais) |
| Test de Accesibilidad Web (TAW) | Soumet l'url de la page en cours à TAW outil de vérification de l'accessibilité (2 options: fenêtre actuelle ou nouvelle fenêtre) |
| Fonctionnalité | Description |
|---|---|
| Désactiver les Plugins | Supprime le java, le flash, la musique de fond, et les iframes tierce partie. Développé à partir d'un script sur Jesse's Bookmarklets Site |
| Désactiver la souris | Empêche l'utilisateur d'accéder aux fonctionnalités de la page en cours en utilisant les événements de clic gauche et de sélection (actuellement n'interrompt pas les événements basés sur mouseover/onmouse}. Lorsqu'un utilisateur appuie sur le bouton gauche de la souris une boîte d'alerte apparaît. Note: Le clic droit n'est pas désactivé |
| Rétinopathie diabétique | Place un masque d'image sur la page en cours qui simule les effets sur la vision que rencontrent les personnes qui ont une
rétinopathie diabétique (Note: La page ne peut pas être utilisée tant que la simulation est active. |
| Cataracte | Brouille le contenu de la page en simulant les effets sur la vision qu'ont les personnes qui ont une cataracte |
| Dégénérescence maculaire | Place un masque d'image (tâche noire circulaire, semi-transparente à la périphérie) sur la page en cours qui simule les effets sur la vision qu'ont les personnes ayant une dégénérescence maculaire. Le passage de la souris sur la 'tâche' et l'activation du clic gauche permettront de faire suivre à la 'tâche' le mouvement du curseur de la souris. (Note: la page ne peut pas être utilisée lorsque la simulation est active.) |
| Glaucome | Place un masque d'image (noir, avec une zone transparente grossièrement ovale) sur la page en cours qui simule les effets sur la vision des personnes ayant un glaucome. Le passage de la souris sur la 'zone transparente' et l'activation du clic gauche permettront 'à la zone transparente' de suivre le mouvement du curseur de la souris. (Note: la page ne peut pas être utilisée lorsque la simulation est active.) |
| Daltonisme | Simule les changements de vision des couleurs sur la page en cours dans une palette de couleurs qui resemble à la palette typique disponible pour une personne ayant un déficit de vision des couleurs rouge/vert. (Note: la page ne peut pas être utilisée lorsque la simulation est active.) Cette fonctionnalité est proposée par Q42 |
| Réduire les Contrastes | Affiche une fenêtre sur la page en cours qui permet à l'utilisateur de réduire l'opacité (30%/60%/90%) en simulant la réduction de la perception des contrastes dûe à l'âge. Cette fonctionnalité est basée sur le vérificateur des contrastes de couleurs de Q42 (Note: la page ne peut pas être utilisée lorsque la simulation est active.) |
| Démo d'images clignotantes | Ouvre un lien (dans une nouvelle fenêtre) vers une démonstration du taux de clignotement. Cette démonstration a pour but d'aider les développeurs à identifier s'ils ont créé du contenu qui clignote à une vitesse qui pourrait poser problème à certains utilisateurs. |
| Fonctionnalité | Description |
|---|---|
| Informations sur la page | Affiche (dans une nouvelle fenêtre) les informations sur la page que vous êtes en train de visualiser (Comprenant: le titre, la taille du fichier, la date de création, le nombre d'images, de liens, formulaires, scripts). Développé à partir d'un script sur le site de l'Université d'Etat de l'Oregon |
| Informations sur les meta-données | Affiche (dans une nouvelle fenêtre) une liste de toutes les balises meta, et de leurs contenus, trouvés sur la page en cours. |
| Elément de lien de navigation | Affiche les éléments LINK et permet la navigation via ces éléments s'ils sont présents. Pour des informations sur l'utilisation de l'élément link se référer à: |
| Montrer le DOCTYPE | Affiche (dans un message d'alerte) le DOCTYPE du document HTML courant. Se référer à : Réparer votre site avec le bon DOCTYPE! |
| Montrer les attributs Lang | Affiche sur la page courante tout attribut lang trouvé avec les éléments qui ui sont associés. avec nos remerciements à : Bartimeus Accessibility Foundation Se référer à : |
| montrer les titres | Affiche sur la page en cours tout attribut title trouvé. |
| Poids/vitesse de la page | Affiche (dans une nouvelle boîte) le poids du document et les temps approximatifs de chargement à différentes vitesses de modems. Développé à partir d'un script sur sam-i-am.com |
| Rapport sur la vitesse de chargement de la page | Soumet l'URL de la page en cours au Web Page Analyser (dans une nouvelle fenêtre) fourni par Websiteoptimazation.com |
| Liste des cadres | Affiche (dans une nouvelle fenêtre) une liste des urls des pages des cadres, avec les attributs name des éléments frame, de la page que vous êtes en train de visualiser. |
| Montrer les liens internes | identifie les liens qui mènent vers un autre contenu de la même page (par exemple : un lien "aller au contenu"). |
| Liste des liens | Affiche (dans une nouvelle fenêtre) une liste des urls des liens, l'intitulé et l'attribut title (si présent) trouvés sur la page en cours. |
| Lister les fichiers téléchargeables | Affiche (dans une nouvelle fenêtre) une liste des liens vers les fichiers téléchargeables (Exemples : PDF, MP3, Word, Excel, Powerpoint, ZIP) trouvés sur la page en cours. Développé à partir d'un script par Sofia Celic |
| Identifier les fichiers multimédia | Affiche (dans une nouvelle fenêtre) le code de tout élément object/embed trouvé. Il donne également une liste des liens vers les fichiers multimédia (Exemples: mp3, mov, swf, ram etc) trouvés sur la page en cours. Développé par Sofia Celic |
| Identifier les scripts et les applets | Affiche (dans une nouvelle fenêtre) tous les applets trouvés et le code qui leur est associé. Il donne également la liste des scripts embedded et externes trouvés et, dans la plupart des cas, permet de visualiser et de télécharger les scripts externes liés à la page en cours. Développé par Sofia Celic avec nos remerciements à Lioren |
| Function | Description |
|---|---|
| Voir le code source | Montre le code source de la page en cours dans Notepad |
| Voir le code source généré | Affiche la structure du DOM de la page en HTML. [nouvelle fenêtre] |
| Voir le code source de la sélection | Affiche la structure du DOM du contenu sélectionné en HTML et affiche une copie du contenu sélectionné. [nouvelle fenêtre] |
| HTML déprécié |
|
| Code source sélectionné |
|
| Dom Inspectors |
|
| Fonctionnalité | Description |
|---|---|
| Activer/désactiver les Images [ctrl + alt + I] | Active/désactive les images par les options IE Outils> Options Internet > Avancées > Afficher les images |
| Activer/désactiver le javascript [ctrl + alt + J] | Active/désactive le Javascript par les options IE outils> Options Internet > Sécurité > Personnaliser le niveau > Active Scripting activer/désactiver Note: Comme beaucoup des fonctionnalités de la barre d'outils sont basées sur le Javascript, beaucoup de fonctions ne marcheront pas si le javascript est désactivé. |
| Activer/désactiver les ActiveX [ctrl + alt + A] | Active/désactive les ActiveX par les options IE outils > Options Internet > Sécurité > Personnaliser le niveau > Exécuter les contrôles ActiveX et les Plug-ins - bon pour la vérification des pages avec Flash etc. |
| Boîte de dialogue Accessibilité [ctrl + alt + D] | Ouvre la boîte de dialogue IE Outils > Options Internet > Accessibilité |
| Activer/désactiver les CSS [ctrl + alt + C] | Active/désactive l'affichage des feuilles de style CSS dans Internet Explorer. Note: Ceci n'est pas une fonctionnalité fournie par Microsoft. En laissant l'affichage des CSS désactivé l'affichage des fenêtres et des boîtes de dialogue en dehors d'Internet Explorer qui sont basés sur le traitement des CSS peut être affecté, c'et pourquoi veuillez penser à réactiver le traitement des CSS avant de fermer le navigateur. Si vous remarquez des effets étranges, ouvrez IE et réactivez les CSS. |
| Taille du Texte | C'est la même fonctionnalité que les options IE Affichage > Taille du texte > Des "raccourcis clavier" sont associés à : la plus petite [ctrl + alt + Q], moyenne [ctrl + alt + Y], la plus grande [ctrl + alt + Z] |
Refs [ctrl + alt + R] 
La section Références contient des liens vers des informations et des ressources utiles trouvées sur le web.
| Fonctionnalité | Description |
|---|---|
| Agrandir | Zoom avant et zoom arrière (25% à 600%) sur le contenu de la page en cours |
| Fonctionnalité | Combinaison de touches |
|---|---|
| Options IE > active/désactive les images | ctrl + alt + I |
| Options IE > active/désactive le Javascript | ctrl + alt + J |
| Options IE > Boîte de dialogue accessibilité | ctrl + alt + D |
| Options IE > Taille du texte > la plus petite | ctrl + alt + Q |
| Options IE > Taille du texte > moyenne | ctrl + alt + Y |
| Options IE > Taille du texte > la plus grande | ctrl + alt + Z |
| Menu | Combinaison de touches |
|---|---|
| Options de la barre d'outils AIS | ctrl + alt + 0 |
| Valider | ctrl + alt + 1 |
| Redimensionner | ctrl + alt + 2 |
| CSS | ctrl + alt + 3 |
| Images | ctrl + alt + 4 |
| Couleur | ctrl + alt + 5 |
| Structure | ctrl + alt + 6 |
| Outils | ctrl + alt + 7 |
| Info Doc | ctrl + alt + 8 |
| Source | ctrl + alt + U |
| Options IE - menu déroulant | ctrl + alt + S |
| Options IE - Boîte de dialogue | ctrl + alt + Shift + S  On peut accéder à la boîte de dialogue des options d'IE à l'aide du clavier. Ceci est destiné aux utilisateurs qui ont des difficultés à percevoir l'état des options (activé/désactivé) à l'intérieur du menu déroulant |
| Références | ctrl + alt + R |
| Agrandir | ctrl + alt + M |