/* Tarte au citron */

DÉCOUVREZ NOTRE MODULE D’ACCESSIBILITÉ

ET CE QU’IL PEUT FAIRE POUR VOS VISITEURS

Cliquez sur le menu ci-dessous pour découvrir ses fonctionnalités. La description s’affichera en dessous du menu.

Menu

Cliquer sur les boutons du menu pour découvrir ses fonctionnalités !

Menu
Synthèse Vocale Agrandir le texte Diminuer le texte Changer de police Aligner le Texte Changer l'Interligne Contraste Luminosité Monochrome Zoomer Grand Curseur Blanc Grand Curseur Noir Coloriser les Liens Décrire les Images Masque de Lecture Mode Confort Espace DYS Enregistrer mon Profil Navigation Clavier Souligner les titres

Synthèse Vocale

La synthèse vocale lit  le texte d'une page, une partie ou le tout pour vous . Vous pouvez lire une partie en cliquant sur le bouton Lire Cible et en cliquant ensuite sur le texte que vous désirez entendre.

Tout d’abord, afin de lancer la synthèse vocale, il faut appuyer sur le bouton Synthèse Vocale en haut à gauche du menu Outils d’Accessibilité. (voir photo ci-dessous). La fenêtre de lecture vocale apparaît (menu synthèse vocale) en bas à droite de votre écran.

 

 

 Vous pouvez accéder à 2 modes de lecture :

LIRE TOUT

Ce mode permet de lire le texte en entier, c’est à dire qu’il va lire le texte de toutes les balises reconnues . Quand ce mode est actif, on peut effectuer de nombreuses fonctions comme :

« STOP » : qui arrêtera la lecture là où elle en est et réinitialisera cette dernière c’est à dire que si on demande à relire le texte, elle commencera au tout début,

« PAUSE/REPRISE » : qui permet de mettre en pause la lecture ou d’en reprendre le cours si elle était déjà en pause,

« RETOUR » : qui permet d’arrêter la lecture en cours et de commencer celle de la phrase précédente, cependant si la lecture est en pause alors la phrase précédente ne démarrera pas automatiquement mais il faudra appuyé sur le bouton « LIRE » pour la commencer,

« AVANCE » : qui est la même que celle du bouton « RETOUR » à un détail près, c’est la phrase suivante en non la précédente,

« LIRE CIBLE» : qui permet de passer en mode « LIRE CIBLE » en arrêtant la lecture.

 LIRE CIBLE

Ce mode permet de lire le texte sur lequel on a cliqué et seulement ce dernier. A la fin, le clic sur un autre ou le même texte lancera une nouvelle lecture.  Comme le mode « LIRE TOUT », on peut aussi effectuer de nombreuses fonctions comme :

« STOP » : qui arrêtera la lecture là où elle en est,

« PAUSE/REPRISE » : qui permet de mettre en pause la lecture ou d’en reprendre le cours si elle était déjà en pause,

« RETOUR » : qui permet d’arrêter la lecture en cours et de commencer celle de la phrase précédente, cependant si la lecture est en pause alors la phrase précédente ne démarera pas automatiquement mais il faudra appuyé sur le bouton « LIRE » pour la commencer.

« AVANCE » : qui est la même que celle du bouton « RETOUR » à un détail près, c’est la phrase suivante en non la précédente.

« LIRE TOUT » : qui permet de passer en mode « LIRE TOUT » soit une lecture complète du texte, cependant cette fonction ne sera disponible que si la lecture est arrêté et non mis en pause (pour cela il suffit seulement d’appuyé sur le bouton « STOP »).

Un mode « Réglages »

Ce n’est pas réellement un mode mais il est important de faire un petit paragraphe sur ce dernier car il y a quelques indication non négligable. Lors d’une lecture, on peut modifier les paramètres de l’énoncé comme la rapidité, la voix ou même le volume mais ces modifications ne verront que le jour lors de la prochaine lecture. Lorsqu’on se trouve en mode « LIRE CIBLE », à chaque appuie sur un bouton des réglages, une lecture de ce dernier sera effectué ainsi que sa fonction.

Un mode « Réduire »

Ce mode permet de gagner de la place sur la fenêtre en réduisant la taille du menu Synthèse Vocale et en lui enlevant certains boutons pour garder seulement les boutons « LIRE », « RETOUR », « AVANCE ». Si le menu réglages a été activé alors on le désactive.

Agrandir le texte

A chaque clic sur le bouton ,le texte s'agrandit de  20% par rapport à la taille affichée et cela dans une fourchette de 8 pixel à 35 pixels .

Dès que la taille maximum de 35 pixels est atteinte, le bouton n'a plus d'effet.  Tant que votre profil n'est pas enregistré à l'aide du bouton "Enregistrer mon profil" , le fait de rafraichir ou recharger le site annule vos adaptations.

Le bouton "Diminuer le texte"   permet de trouver votre bonne taille de texte avant tout enregistrement.

 

Diminuer le texte

A chaque clic sur le bouton ,le texte diminue de  20% par rapport à la taille affichée et cela dans une fourchette de 35 pixel à 8 pixels .

Dès que la taille maximum de 8 pixels est atteinte, le bouton n'a plus d'effet.  Tant que votre profil n'est pas enregistré à l'aide du bouton "Enregistrer mon profil" , le fait de rafraichir ou recharger le site annule vos adaptations.

Le bouton "Agrandir le texte "   permet de trouver votre bonne taille du texte avant tout enregistrement.

Changer de police

A chaque clic sur ce bouton , vous pouvez changer la police de tout le site .  Quatre polices améliorant la lisibilité sont disponibles :

  • Arial
  • Tiresias
  • Andika
  • OpenDyslexia

Ce bouton fait une boucle sur ces quatre polices, ce qui vous permet de tester chaque police et trouver celle qui vous convient le mieux avant l'enregistrement de votre profil.

Aligner le Texte

Chaque clic que ce bouton change l'alignement du texte de votre site suivant quatre types:

  • Texte à droite.
  • Texte centré.
  • Texte à gauche.
  • Texte justifié.

Ce bouton fait aussi une boucle qui vous permet de trouver l'alignement qui vous convient avant l'enregistrement de votre profil.

Changer l'Interligne

Chaque clic sur ce bouton augmente l'espacement des interlignes de 20%  par rapport à l'espacement initial du texte du site.

Ce bouton fait aussi une boucle après quatre clics pour revenir à l'espacement initial, ce qui vous permet de trouver votre bon espacement de texte avant l'enregistrement de votre profil.

Contraste

Un clic sur ce bouton passe le site en mode sombre à savoir un fond noir avec des textes en blanc pour améliorer la lisibilité du site pour les personnes souffrant de déficience visuel.

Ce bouton est du type "Marche / Arrêt" ce qui permet de tester le site avant enregistrement de son profil.

Ce bouton est mis en arrêt par les boutons "Luminosité" et "Monochrome"  pour une raison d'incompatibilité entre eux.

Cette fonctionnalité répond au référentiel WCAG su W3C qui préconise un ratio de 4,5/1 minimum.

Luminosité

Un clic sur ce bouton permet de changer la luminosité du site en appliquant  un fond blanc et en augmentant  le contraste de 8% des textes, images et vidéo.

Ce bouton du type "Marche / Arrêt"  est automatiquement mis à l'arrêt par un clic sur le bouton "Contraste"  ou  "Monochrome" pour une raison d'incompatibilité.

 

Monochrome

Un clic sur ce bouton passe tout votre site en nuance de gris. Les texte, images, vidéo sont en mode noir et banc.

Ce bouton du type "Marche / Arrêt" est automatiquement mis à l'arrêt par un clics sur le boutons "Contraste" ou "Luminosité" pour une raison d'incompatibilité.

 

Zoomer

Un clic sur ce bouton permet de grossir tout le site de 20% (menu,texte, images, vidéo) .

Ce bouton  du type "Marche / Arrêt"  peut, suivant la construction du site, casser la mise en page. Il est utile de vérifier tout le site avant l'enregistrement de votre profil.

Grand Curseur Blanc

Un clic sur ce bouton change le curseur de la souris initial par un grand curseur blanc.

Ce bouton du type "Marche / Arrêt " dévalide le bouton "Grand Curseur Noir".

Grand Curseur Noir

Un clic sur ce bouton change le curseur de la souris initial par un grand curseur noir.

Ce bouton du type "Marche / Arrêt " dévalide le bouton "Grand Curseur blanc".

Coloriser les Liens

Un clic sur ce bouton passe les liens du site en couleur rouge et souligne les liens. Un passage de souris au dessus du lien crée un encadrement du lien.

En mode monochrome actif , le lien reste souligné et un encadrement est crée lors du passage de la souris.

 

Décrire les Images

Un clic sur ce bouton permet l'affichage de la description des images lorsque l'on passe sur l'image avec la souris.

Pour une bonne utilité de ce bouton, il est nécessaire que toutes les balise HTML du type "Alt" soient bien documentées à la création du site.

Ce bouton est du type "Marche / Arrêt" .

Masque de Lecture

Un clic que ce bouton applique un fond noir sur la quasi-totalité de la page pour ne laisser qu'une mince fenêtre qui bouge avec la souris. Il est judicieux de déplacer ce cadre de lecture avec la souris à l'endroit adapté à votre lecture et par la suite de déplacer le texte avec les flèches montantes et descendante de votre clavier.

Ce cadre se désactive rapidement avec le bouton "Échap" ou en cliquant de nouveau sur le bouton Masque de Lecture qui est du type "Marche / Arrêt".

Mode Confort

Un clic sur ce bouton applique rapidement 4 transformations de base :

  • La police est positionnée en mode Arial.
  • Les titres du site sont tous soulignés.
  • La fonction "Monochrome est activée.
  • Le curseur est positionné en  gros curseur blanc.

Ce mode confort, n'interdit pas le complément d'autre boutons compatibles entre eux avant l'enregistrement de votre profil.

Espace DYS

 

 

Cet espace permet de paramétrer le profil adapté à un trouble dyslexique.  Il est divisé en 2 parties à savoir :

  1. La configuration de la mise en forme et des Polices
  2. La configuration des Sons, Lettres et Nombres

L'onglet  Polices et mise en forme permet de configurer le texte du site avec :

  • Choix des polices: Les polices choisies sont celles qui sont adaptées aux troubles dys.
    • Lexie Readable
    • Open Dyslexic
    • Andika
    • Verdana
    • Arial
    • Comic Sans MS
  • Taille des polices  (L'augmentation est illimitée mais doit être contrôler par la bonne lecture du site)
  • Espace entre les lettres . ( Augmentation par pas de 0,1 em ; 1 em = taille de la police en pixel choisie. Si la police choisie est de 16, l'augmentation sera de 1,6 pixel à chaque pas)
  • Espace entre les mots . ( Augmentation par pas de 0,1 em)
  • Espace entre les lignes. ( Augmentation par pas de 0,1 em)
  • Alterner les lignes de texte.
    • Alternance par couleur de texte ; choix de la couleur.
    • Alternance par surlignement ( effet stabilo) ; choix de couleur .
  • Mise en évidence des liens.
    • Choix de la couleur du texte des liens du site
    • Surlignement en couleur des liens du site.

L'onglet  "Sons et lettres" permet de rechercher dans le texte du site

    • les syllabes des mots,
    • les phonèmes,
    • les lettres de l'alphabet,
    • la ponctuation,
    • les nombres

Les syllabes composant chaque mots peuvent ressortir dans le texte sous différentes couleurs et  formes:

  • soit l'alternance de 2 ou 3 couleurs,
  • soit le surlignement par 2 ou 3 couleur (Mode "stabilo")
  • avec la possibilité d'un un choix séparation par tiret , barre oblique, point ou barre verticale.

La configuration des phonèmes est un élément important dans l'apprentissage de la lecture pour les dys et non dys.  Les sons muets peuvent être distingués et mis en valeur dans les textes pour montrer quels sont les sons non prononcés dans la lecture.

Chaque  son dans le texte peut être mis en valeur avec le texte en couleur, gras, italique , souligné avec un fond de couleur différent en fonction du confort de lecture choisi.

Il est bien évident que pour une configuration permettant la progression de lecture, il ne faut pas transformer son écran en "sapin de noël" et que 2 ou 3 sons peuvent être travaillés en même temps. Le profil peut être changé au fil du temps et de la progression dans la lecture.

Chaque lettre de l'alphabet peut être trouvée dans le texte  et mis en valeur comme pour les phonèmes. Les "b" et "d", "p" et "q"  peuvent ressortir de manière différente  et aider les personnes dyslexique dans leur apprentissage.

Les nombres pour les personnes souffrant de dyscalculie peuvent comme pour les lettres , mis en valeur et distingués dans les textes pour être lus avec plus de facilité.

La configuration de l'ensemble des paramètres de l'espace DYS est affiché en temps réel sur le site. l'enregistrement de votre profil avec le bouton "Sauveg." permet d'enregistrer le profil qui sera retrouvé à chaque navigation sur ce site. Il est important de bien comprendre qu'un profil n'est pas figé et qu'il évolue dans le temps en fonction des progrès ou de nouveaux conforts de lecture .

Enregistrer mon Profil

 

Ce bouton permet d'enregistrer le profil défini sans avoir à créer de compte, uniquement pour garder dans le "local storage" du navigateur.  dans ce cas, le changement de navigateur ou d'ordinateur perd votre profil.

Si vous avez crée un compte et si vous être connecté à votre compte, l'enregistrement s'effectue également dans la base de données.   Dans ce cas, en vous reconnectant à votre compte  sur un autre navigateur ou un autre ordinateur, vous récupérerez votre profil enregistré initialement dans la base.

"Icons"

 

Le  premier "icon" est le Mode jour / nuit  qui  change le fond du menu en blanc. Un second clic le repasse en bleu.

Le deuxième "icon" permet :

  • de créer un compte pour l'enregistrement de son profil,

La création d'un compte nécessite votre consentement sachant que tout est fait dans le respect de la norme RGPD. Les données récupérées sont cryptées et sécurisées et restent la propriété unique de l'utilisateur.

  • de se connecter et de récupérer son profil, d'effacer son profil,

Il est à noter que le profil peut être supprimé par l'utilisateur conformément à la norme RGPD.

Le dernier "icon", à droite permet de réduire le menu, les fonctions d'accessibilités activées  restent opérationnelles sur le site.

Navigation Clavier

 

Un clic sur ce bouton permet la navigation dans le site avec le clavier .

La touche "Tab" du clavier permet d'avancer dans les éléments actifs du site, la touche "Shift + tab" du clavier permet de revenir en arrière.

La validation de la sélection clavier se fait par un appui sur la touche "Entrer" ou "Espace" du clavier.

Un menu contextuel conforme à ma norme WCAG est affiché en haut du site, pour valider la zone du site à activer.

Souligner les titres

 Sous-1.png

Un clic sur ce bouton souligne tous les titres du site. Ce bouton est du type  "Marche / Arrêt" , ce qui vous permet de tester la bonne lecture avant tout enregistrement de profil.
Ce bouton joue sur les balises "H" du site de "H1" à "H6".

Testez gratuitement notre module sur votre site

Votre email nous servira uniquement
à vous envoyer la ligne de code à insérer dans votre site