Braillenet logoBrailleNet

Accessible Information Solutions (AIS) [Solutions pour une information accessible]
(Solutions pour une information accessible)

Accessible Information Solutions - Web Accessibility Toolbar: Version FR 1.0

introduction | conditions | téléchargement | développement | Fonctions


Web Accessibility Toolbar Version FR 1.0 - Description des fonctionnalités

barre d'outils sur l'accessibilité du Web en deux sections
Accessible Informations Solutions [ctrl + alt + 0] Bouton Accessible Information Solutions de la barre d'outils
Fonctionnalité Description
Accessible Information Solutions (AIS) Mène vers des informations sur les services d'AIS
Options de la barre d'outils Accessibilité
  • Basculer vers l'affichage des raccourcis clavier - affiche/cache les raccourcis clavier.
  • Basculer vers l'affichage des icônes des boutons - affiche/cache les icônes du menu principal.
  • Mise à jour de la barre d'outils - Télécharge du serveur NILS le fichier le plus récent des fonctionnalités de la barre d'outils
  • Désinstaller - Informations sur la procédure de désinstallation
Documentation de la barre d'outils Accessibilité Informations sur les fonctionnalités de la barre d'outils
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.
Valider [ctrl + alt + 1] Bouton Valider de la barre d'outils
Fonctionnalité Description
Validateur HTML du W3C
  • Valider le HTML
  • Valider le HTML (Nouvelle fenêtre)
  • Valider le HTML (Chargement d'un fichier local)
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
  • Valider la CSS
  • Valider la CSS (Nouvelle Fenêtre)
Vérifie le code CSS de la page en cours à l'aide du Validateur CSS du W3C
HTML Tidy du W3C
  • Vérifie répare le HTML
  • Vérifie Répare le HTML (Nouvelle Fenêtre)
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érifier la page en cours
  • Vérifier la page en cours (Nouvelle Fenêtre)
  • Vérifier les pages liées (Nouvelle Fenêtre)
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
  • Valider le HTML
  • Valider le HTML (Nouvelle fenêtre)
  • Saisir le Code - Lien vers la page du validateur WDG contenant un formulaire pour saisir le code HTML à valider
  • Valider les pages avec cadres
  • Valider le Site - valide toutes les pages du site en cours
Vérifie le code HTML de page(s) en cours à l'aide du Validateur HTML du WDG
WDG Link Valet
  • Vérifier les pages liées
  • Vérifier les pages liées (Nouvelle fenêtre)
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
Redimensionner [ctrl + alt + 2] Bouton Redimensionner de la barre d'outils
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.
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.
CSS [ctrl + alt + 3] Bouton CSS de la barre d'outils
Fonctionnalité Description
CSS activée/désactivée désactive/active les feuilles de styles externes
CSS interne désactivée enlève 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 Simon Willison
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 Editer et appliquer à la volée les styles dans la page en cours (dans une nouvelle fenêtre)
Script de Simon Willison
HTML déprécié Affiche les éléments dépréciés en HTML 4.0, n'affiche pas actuellement les attributs dépréciés
Images [ctrl + alt + 4] Bouton Images de la barre d'outils
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.
Couleurs [ctrl + alt + 6] Bouton Couleurs de la barre d'outils
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 de Juicy Studio (dans une nouvelle fenêtre).
Structure [ctrl + alt + 5] Bouton Structure de la barre d'outils
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
Gestionnaires d'événements Affiche un message d'erreur avertissement à côté d'un élément si l'élément
  • a un attribut onmouseover sans un onfocus correspondant
  • a un attribut onclick sans un onkeypress correspondant
  • est un élément select et a un attribut onchange
  • a un attribut onfocus mais ne peut pas recevoir de focus
Affiche une info-bulle info bulle à côté d'un élément si l'élément
  • a un attribut onmouseover avec un onfocus correspondant
  • a un attribut onclick avec un onkeypress correspondant
L'alternative textuelle de chaque icone contient des informations expliquant pourquoi la bulle d'information/avertissement est présente.
Raccourcis clavier Affiche les attributs accesskey trouvés sur la page en cours
Tabindex Affiche les attributs trouvés sur la page en cours
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.
Outils [ctrl + alt + 7] Bouton Outils de la barre d'outils
Fonctionnalité Description
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)
Torquemada Soumet l'URL de la page en cours à l'outil de vérification de l'accessibilité Torquemada (2 options: en italien ou en anglais)
Test de Accesibilidad Web (TAW) Soumet l'URL de la page en cours à l'outil de vérification de l'accessibilité TAW (2 options: fenêtre actuelle ou nouvelle fenêtre)
Cynthia Says Soumet l'URL de la page en cours à l'outil de vérification de l'accessibilité Cynthia Says (2 options: fenêtre actuelle ou nouvelle fenêtre)
Bobby Soumet l'URL de la page en cours à l'outil de vérification de l'accessibilité Bobby (2 options: WCAG 1.0 [nouvelle fenêtre] ou Section 508 [nouvelle fenêtre])
Outils de Juicy Studio
  • Soumet l'URL de la page en cours à Juicy Studio:
    • Vérificateur de liens [nouvelle fenêtre]
    • Vérificateur d'images [nouvelle fenêtre]
    • Test de lisibilité [nouvelle fenêtre]
  • Ouvre le vérificateur de contrastes de couleurs de Juicy Studio [nouvelle fenêtre].
  • Ouvre le vérificateur de l'accessibilité des CSS de Juicy Studio [nouvelle fenêtre].
Webxact Soumet l'URL de la page en cours à l'outil de vérification de la qualité de l'accessibilité et des questions de confidentialité Webxact. (2 options: vérifier la page en cours ou vérifier la page en cours [nouvelle fenêtre])
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]
Enregistrer au format HTML Ouvre la boîte de dialogue standard 'Enregistrer sous'
Outils > Simulations
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.)
Niveau de gris Simule une vue du contenu de la page en cours comme il serait perçu sur un écran noir & blanc
Lynx Viewer Ouvre la page en cours (dans une nouvelle fenêtre) dans le Lynx Viewer. Ce service permet aux concepteurs Web de simuler la perception de leurs pages par un navigateur Web en mode texte (Ex : Lynx).
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.
Infos Doc [ctrl + alt + 8] Bouton Infos Doc de la barre d'outils
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.
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.
Liste des liens Affiche (dans unenouvelle fenêtre) une liste des urls des liens, l'intitulé et l'attribut title (si présent) trouvés sur la page en cours.
Liste des PDF Affiche (dans une nouvelle fenêtre) une liste des liens vers les fichiers PDF trouvés sur la page en cours.

Refs [ctrl + alt + 9] Bouton Références de la barre d'outils

La section Références contient des liens vers des informations et des ressources utiles trouvées sur le web.

Options d'IE [ctrl + alt + S] Bouton options IE de la barre d'outils
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]
Agrandir [ctrl + alt + M] Bouton Agrandir de la barre d'outils
Fonctionnalité Description
Agrandir Zoom avant et zoom arrière (25% à 600%) sur le contenu de la page en cours