Guide d'installation du WebAccessibilizer- un script web pour rendre les pages web plus accessible

Auteur : Pierre-Louis
Dernière modification: 12/02/2020

Accueil Outils DV, Contact

Sommaire

Introduction

Le but de ce tutoriel est de vous guider pas à pas dans l'installation du script WebAccessibilizer et dans sa première utilisation. Lorsque vous aurez atteint cet objectif, vous n'aurez plus besoin de ce guide, vous devrez vous référer à la Page officielle du WebAccessibilizer de Yannick Daniel Youalé ;

Pour Firefox : installation de GreaseMonkey et du WebAccessibilizer

Préambule : explorer la barre de navigation de Firefox

Lorsque GreaseMonkey sera installé, vous ne pourrez accéder à ses options et commandes que via un bouton situé dans la barres de navigation de Firefox.

Depuis la version 67.2, les boutons des barres d'outils de Firefox sont devenus directement accessibles. Voici deux méthodes pour atteindre le bouton GreaseMonkey ;

1. Pour Firefox 67.2 et supérieurs :

2.¨Pour les versions antérieures à 67.2 de Firefox :

Installation de GreaseMonkey

Suivez les instructions ci-dessous :

  1. Pressez Control+Entrée sur ce lien pour Visiter la page de GreaseMonkey dans un nouvel onglet ;
  2. Dans la nouvelle page, Pressez Ctrl+F ou NVDA+Ctrl+f pour Rechercher le lien : "Ajouter à Firefox" "" ;
  3. Validez ensuite sur ce lien
  4. Dans le dialogue relatif aux permissions, validez sur le bouton : Ajouter, ou pressez alt+a ;
  5. Peu après, vous entendrez : alerte Greasemonkey a été ajouté à Firefox.Gérez vos modules en cliquant sur dans le menu ;
    Vous entendrez aussi : Autoriser cette extension à s’exécuter dans une fenêtre de navigation privée case à cocher non coché Alt+A ;
  6. Nous avons coché cette case ;
  7. Tabulez jusqu'au bouton "J'ai compris" puis validez dessus ;
  8. Note : si ce dialogue a perdu le focus, pressez F6 jusqu'à le retrouver ;
  9. Fermez Firefox^puis rouvrez-le sur la présente page pour continuer ;
  10. Sélectionnez et activez le bouton GreaseMonkey dans la barre d'outils comme expliqué en préambule ;
  11. Une sorte de menu vous présentera les éléments suivants :
    Greasemonkey est activé ; remarque : Il l'est automatiquement après installation ;
    Options de Greasemonkey ;
    séparateur ;
    Nouveau script... ;
    Exporter une sauvegarde...
    Importer une sauvegarde...
    séparateur ;
    Page d’accueil Greasemonkey
    etc ;
  12. Pressez Echappe pour revenir à la page web affichée ;

Installation du WebAcessibilizer sous GreaseMonkey

  1. Pressez Control+Entrée sur ce lien pour Visiter la page du WebAccessibilizer dans un nouvel onglet ;
  2. Tabulez jusqu'au lien :
    Installer ou mettre à jour la version 0.5 du WebAccessibilizer dans votre navigateur internet ;
  3. Validez sur ce lien ;
  4. vous devrez entendre très rapidement quelque chose comme : moz-extension://e6ee1038-2b8d-4548-af1a-78082aed876d - {name} - {'Greasemonkey user script'|i18n} - Mozilla Firefox , moz-extension://e6ee1038-2b8d-4548-af1a-78082aed876d - {name} - {'Greasemonkey user script'|i18n} - Mozilla Firefox {name} - {'Greasemonkey user script'|i18n} occupé 89 pour cent.
  5. A la fin, vous entendrez : Installerbouton. Il n'est pas nécessaire de valider sur celui-ci ;

Vérifier la présence du WebAccessibilizer sous GreaseMonkey

  1. Rendez-vous sur une page web quelconque ;
  2. Sélectionnez et activez le bouton GreaseMonkey comme expliqué en préambule ; +Vous devriez entendre alors :
    Greasemonkey est activé ;
    Options de Greasemonkey ;
    Scripts utilisateur pour cette page ;
    WebAccessibilizer ;
  3. Si WebAccessibilizer n'est pas présent, il a dû se produire un problème quelque part ;
  4. Revenez à votre page web et pressez Ctrl+Maj+F2 pour afficher le formulaire d'accessibilisation ;
  5. Explorez ce formulaire en tabulant jusqu'au bouton : Fermer ;
  6. Passez à l'installation de votre premier fichier de paramétrages ;

Pour Google Chrome : installer tamperMonkey et le WebAccessibilizer

Procédez comme suit :

  1. Ouvrez une page dans google chrome.
  2. Faites alt pour aller à la barre des menus, puis faites flèche bas jusqu'à l'élément "Plus d'outils sous menu".
  3. Ouvrez son sous menu et faites flèche bas jusqu'à l'élément intitulé "extensions" et faites entrer.
  4. Dans la fenêtre de gestion des extensions qui s'ouvrira devraient être listées les extensions déjà installées dans google chrome. Mais logiquement, tamper monkey ne devrait pas s'y trouver. Nous devons la rechercher sur le google web store.
    Ainsi, pour le faire, vous devez vous rendre au début de cette page où se trouve le bouton "menu principal". Cliquez dessus.
  5. Le menu principal se déroulera alors et en faisant flèche bas vous sera proposé "Ouvrir le chrome web store". Cliquez dessus.
  6. Dans le chrome web store il y a une zone de recherche qui devrait normalement directement recevoir le focus. Nous vous invitons à y taper la chaine "tamper monkey" avant de faire entrer.
  7. Dans les résultats qui apparaîtront dans la même page, la première proposition qui vous fera apparaître le bouton "ajouter à chrome" devrait être la bonne. Cependant, lisez la description jusqu'au bout avant de cliquer sur ce bouton.
  8. Après cette procédure, vous sera affiché le message selon lequel tamper monkey a bien été installé. Quoi qu'il en soit, l'installation n'est pas complètement terminé parce que nous devons nous assurer que tamper monkey est activé et possède assez de privilèges pour exécuter notre script.
  9. Maintenant revenons sur la page de gestion des extensions de chrome, qui se trouve je le rappelle dans: barre des menus, menu plus d'outils sous menu, menu extensions.
  10. Dans la fenêtre de gestion des extensions de chrome, vous verez que tamper monkey apparaît cette fois. Lisez sa description, et assurez-vous que son bouton intitulé "Activé" est enfoncé.
  11. Après ça, remontez dans la description sur le bouton intitulé "détails" et cliquez dessus.
  12. Vous accèderez alors à la fenêtre de configuration de tamper monkey dans laquelle vous vous assurerez que les éléments suivants sont activés: • Autoriser en mode navigation privée • Autoriser l'accès aux URL de fichier Et après ça cela devrait être OK. Néanmoins, notez que dans cette dernière page vous avez le bouton nommé "options d'extension". qui ouvre une page où vous pourrez configurer tamper monkey avec précision. Vous pourrez par exemple y activer ou désactiver des scripts particuliers.

Installer le WebAccessibilizersous TamperMonkey

Procédez comme suit :

  1. Cliquez sur le lien ci-dessous :
    Installer le webAccessibilizer ;
  2. Cela fait, redémarrez votre navigateur ;
  3. Rendez-vous sur n'importe quelle page web ;
  4. Pressez Control+Maj+F2 pour Affichez le formulaire d'accessibilisation. Si celui-ci ne s'affiche pas, cela signifie qu'il n'est pas installé ou qu'il y a un problème ;
  5. Explorez ce formulaire en tabulant jusqu'au bouton : Ferlmer ;

accessibiliser un site à partir de la banque de fichiers de paramétrage

Avant d'accessibiliser vous-même des sites, commencez par installer un fichier de paramétrage existant. Il y en a déjà plusieurs à la banque de fichiers de paramétrage partagés.

A titre d'illustration, je vous propose d'installer le fichier de paramétrage du moteur de recherche Startpage dont les résultats ont perdu l'attribut Titre de niveau 3.

Pour retrouver cet attribut, procédez comme suit :

  1. Lisez attentivement les instructions ci-dessous puis
    Accédez à la banque de partage de fichiers de paramétrage d'accessibilité ;
  2. Arrivé sur cette page, utiliser la touche 3, qui correspond au guillemet, pour passer de fichier en fichier de paramètres. Ceci vous donnera déjà un aperçu des sites déjà accessibilisés ;
  3. Lorsque vous avez atteint : 13. startpage.com in fr, la touche TAB vous donne accès à 1 bouton et 3 liens que voici :

Après avoir installé ce fichier de paramétrage, vous pourrez à nouveau passer de résultat en résultat en appuyant sur la touche 3 ou guillemets ;

En bonus, le raccourci-clavier Alt+Page suivante vous conduira directement à la page suivante de résultats. Le raccourci alt+page précédente effectue cette opération en sens inverse ;

Si vous utilisez plutôt Google, un fichier de paramétrages a été conçu pour lui aussi. Voici le détail de ses possibilités :

  1. Déplace le lien original Pages en Français ;
  2. Ctrl maj f : afficher Pages en Français ;
  3. alt page up : afficher la page de résultats précédente ;
  4. Alt page down : afficher la page suivante de résultats ;
  5. Alt Maj r : atteindre zone Edition de recherche,
  6. focus automatique sur premier résultat de la page ;

Télécharger Firefox portable 73.0 avec GreaseMonkey et le WebAccessibilizer préinstallés

Avant de vous décider à installer GreaseMonkey et le WebAccessibilizer dans votre navigateur principal, vous pouvez télécharger une version portable de Firefox 73.0 64bits avec GreaseMonkey et le WebAcciissibilizer ainsi que quelques fichiers de paramétrage préinstallés ;

Installation pour le disque C : :

  1. Téléchargez d'abord Firefox portable pour le disque C ;
  2. Retrouvez dans vos téléchargements le fichier :
    FirefoxPortable-WebAccess.exe ;
  3. Validez dessus pour ouvrir la fenêtre d'extraction ;
  4. Vérifiez que le dossier de destination  proposé est bien : C: ;
    Note : si vous spécifiez un autre emplacement, GreaseMonkey et le WebAccessibilizer ne fonctionneront pas ;
  5. Tabulez jusqu'au bouton Extraire puis validez dessus ;
  6. L'extraction terminée, rendez vous dans le dossier FirefoxPortable-WebAcess qui se trouve à la racine du disque c: ;
  7. Sélectionnez le fichier : FirefoxPortable.exe
  8. Pour Créer un raccourci sur le bureau, pressez la touche Applications et dans le menu, descendez sur : Envoyer vers, sous menu ;
  9. Dans le sous-menu, validez sur :
    Bureau, Créer un raccourci ;
  10. Il ne vous reste plus qu'à valider sur le raccourci FirefoxPortable.exe - Raccourci sur le bureau pour lancer le programme ;

Détail des fichiers de paramétrages installés et de leurs actions :

Suite à des changements importants, le site Startpage n'est plus paramétrable. Le début de l'URL de chaque page de résultats varie de façon imprévisible, ce qui est   contraire au principe de fonctionnement du WebAccessibilizer ;

Les fichiers préinstallés sont les suivants :

* Babelio.com, résumé de livre :

1- Résumé en Titre 2 : permet d'atteindre directement le résumé en pressant 2 ou é ;

2- Auto-Clic sur le lien "voir plus", afin d'afficher directement le résumé complet ;

* Google.fr, résultats de recherche :

1- Déplace le lien original "Pages en Français au-dessus du premier résultat :

2- Ctrl maj f : afficher Pages en Français ;

3- alt page up : afficher la page de résultats précédente

4- Alt page down : afficher la page suivante de résultats,

5- Alt Maj r : atteindre zone Edition recherche,

6- numérotation des résultats

7- focus automatique sur premier résultat de la page pour ne pas devoir presser plusieurs fois sur la touche 3 avant de l'atteindre ;

* Gratilog, Téléchargement :

1 - Lien de téléchargement en titre 2 : pour l'atteindre directement en appuyant sur 2 ou é ;

* Grosfichiers.com

1. Sur la page d'envoi, les titres de niveau 2 sont tabulables et il est possible de les valider ;

2. Control+maj+b : sur votre page de téléchargement, ce raccourci copie tous les liens de vos fichiers en vue de les coller dans un mail. Ces liens seront cliquables dans votre mail ;

* Youtube :

1- afficher les commentaires ctrl+shift+c

2- se rendre au premier commentaire ctrl+shift+1

3- faire lire la description de la vidéo ctrl+shift+d

4- masquage de partie inutile de commentaire 1

5- masquage de partie inutile de commentaire 2

6- masquage de partie inutile de commentaire 3

7- masquage de partie inutile de commentaire 4

Pour d'autres fichiers de paramétrages, Consultez la banque de fichiers de paramétrages ;

Conclusion, aller plus loin

Ce guide vous a montré comment faire fonctionner le WebAccessibilizer pour la première fois.

Pour plus de détails sur l'utilisation simple du WebAccessibilizer, pour accessibiliser vous-même des sites et partager ensuite le fruit de votre travail, référez vous à la documentation complète du WebAccessibilizer;

Fin du document.