Skip to content

ClaraJacot/Extension-navigateur

 
 

Repository files navigation

Extension Chrome : "Accessibility Tools"

🔎Aperçu :

Bienvenu·e·s dans l'Extension Accessibility Tools ! Cette extension est conçue pour améliorer l'accessibilité en offrant aux utilisateurs·trices diverses options de personnalisation de l'affichage et de lecture des pages web. Elle inclut des fonctionnalités telles que la modification de la couleur du texte et du fond, la capacité de zoomer et dézoomer les pages, ainsi que l'option d'activer la "lecture bionique" pour faciliter la lecture des personnes dyslexiques ou ayant des troubles de l'attention. Les personnalisations sont enregistrées afin de les retrouver à la prochaine ouvertures du navigateur, et les utilisateur·rice·s peuvent réinitialiser leurs préférences avec des boutons pratiques dans la page popup de l'extension. La dernière fonctionnalité permet la lecture à voix haute du texte selectionné. Toutes les fonctionnalités sont accessibles via la popup de l'extension, et la fonctionnalité de lecture audio dispose également d'un raccourci clic droit.

⚙️Fonctionnalités :

  • Lecture bionique : Mise en place par une équipe Suisse après une étude effectuée par des neurologues, la lecture bionique améliore la lisibilité en mettant en gras les trois premiers caractères de chaque mot. Notre fonctionnalité met en gras la première moitié de chaque mots de la page. Elle est activable/désactivable grâce au bouton dans la fenêtre popup et son état (activé/désactivé) s'applique à toutes les pages et est mémorisé dans le stockage du navigateur.

  • Zoom Avant/Arrière : Effectuez un zoom avant et arrière sur les pages web pour ajuster la taille du contenu selon vos préférences personnelles. Réglable grâce aux deux boutons de la popup, le choix s'applique sur la page active seulement et n'est pas permanent.

  • Modification de la Couleur du Texte et du Fond : Changez la couleur du texte et/ou du fond sur les pages web pour améliorer la visibilité, le contrast ou juste par choix esthetique. Cette fonctionnalité est réglable depuis la fenêtre popup grâce à des boutons proposant des palettes de couleurs au choix. Les choix sont enregistrés grâce à des cookies, ainsi le navigateur garde en mémoire qu'à cette adresse url, les couleurs sont définies par vous. Si vous régler vos préférences couleurs sur une page d'accueil, les préférences s'étendront à l'intégralité du site. Les cookies expirent au bout d'une semaine. Si vous souhaitez rétablir les couleurs d'origine, un bouton de réiniotialisation est à votre disposition également.

  • Curseur Personnalisable : Augmentez la visibilité du curseur en sélectionnant un style de curseur plus grand et plus visible. Cette fonctionnalité est activable/désactivable grâce au bouton dans la fenêtre popup et son état (activé/désactivé) s'applique à toutes les pages et est mémorisé dans le stockage du navigateur.

  • Lecture de Texte : Activez la fonction de lecture de texte pour le texte sélectionné. Les utilisateur·rice·s peuvent soit effectuer un clic droit et choisir l'option "Lire à voix haute", soit copier-coller du texte dans la page popup de l'extension pour une lecture pratique. Un bouton pour arrêter la lecture est disponible soit dans la popup, soit par clic droit. La voix de lecture est réglée sur la langue française.

🛠️Installation :

Pour installer l'Extension, suivez ces étapes :

  • Manuellement grâce à un lien de téléchargement des fichiers :

    • Téléchargez le paquet de fichiers de l'extension. (https://drive.google.com/drive/folders/1H67ndE1xBjIgjaKgXsQMfXbnxLmUXMOO?usp=drive_link)
    • Allez dans Chrome, extensions, gérer les extensions.
    • Activez le mode développeur en haut à droite.
    • Cliquer sur Charger l'extension non empaquetée, selectionner le dossier de l'extension.
    • Une fois installée, vous verrez l'icône de l'extension dans la barre d'outils de votre navigateur.
  • Par le Chrome Web Store (pas encore disponible ) :

    • Téléchargez l'extension depuis le Chrome Web Store.
    • Cliquez sur le bouton "Ajouter à Chrome" pour installer l'extension.
    • Une fois installée, vous verrez l'icône de l'extension dans la barre d'outils de votre navigateur.

🖥️Utilisation :

Cliquez sur l'icône de l'extension dans la barre d'outils pour accéder à la page popup. Personnalisez vos préférences à l'aide des options disponibles. Profitez d'une expérience de navigation améliorée et personnalisée !

💬Support et Retours :

Si vous rencontrez des problèmes ou avez des suggestions d'amélioration, n'hésitez pas à nous contacter. Vos retours sont précieux pour améliorer la fonctionnalité et l'accessibilité de cette extension.

🤖Développement :

Arthur Michailesco, Néïs Zonca-Cros, et Clara Jacot pour un projet Ada Tech School. Langages utilisés : JS (JSON), HTML, CSS. Ici il s'agit de la version retouchée par Clara Jacot.

Merci d'avoir choisi l'Extension Accessibility Tools !

About

Projet collectif d'extension de navigateur Chrome sur l'accessibilité

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 80.9%
  • CSS 11.1%
  • HTML 8.0%