Orange-OpenSource / Orange-Confort-plus

The target of Orange Confort+ functionalities is to enhance user experience on web sites, which are already accessible, or still accessible. Orange Confort+ provides these services : Typography - user may change: font size, space between words, characters and lines, font-face to Open Dislexic Layout: cancel layout, text align left, numbering list items, modify navigation links appereance, disply a reading ruler Colors : Modify foreground/background colors Behavior: direct access to main content on page load, automatic selection of page clickable elements with a user defined delay, page scrolling on simple user on hover. Be careful, Orange Confort+ does not improve the accessibility level of a web site: blocking points still stay blocking points, with or without Orange Confort+.
https://confort-plus.orange.com/
GNU General Public License v2.0
42 stars 25 forks source link

[Réglage Lire à voix haute] Présentation et fonctionnel #302

Open Valerieledunois opened 2 months ago

Valerieledunois commented 2 months ago

Présentation : Lorsque "lire à haute voix" est actif un carré noir suit le curseur de la souris à quelques centimètres en dessous. Attendu : Changer l'apparence du curseur de la souris par un curseur bubulle (cf image ci-dessous) image

Fonctionnel : Lire à voix haute est ON - signifie que les valeurs des variables du réglages sont "lire un mot, une phrase, un paragraphe" Lire à voix haute est actif : lecture en cours d'un contenu

Lorsque lire à haute voix est ON, l'interface est en mode "interrogeable" mais pas "actionnable". Les boutons, les hyperliens, le texte et les images (avec alternatives) peuvent être interrogés mais pas actionnés. Pour passer en actionnable, l'utilisateur doit repasser le réglage en "sans vocalisation" ou appuyer sur escape.

Lorsque Lire à voix haute est ON, l'utilisateur doit cliquer sur un texte pour vocaliser le texte. Lors de la vocalisation un second clic stoppe la vocalisation en cours.

ThomasDgop commented 1 month ago

Hello ! :) C'est quoi un curseur bubulle ?

Concernant cette phrase : "Lorsque Lire à voix haute est ON, l'utilisateur doit cliquer sur un texte pour vocaliser le texte. Lors de la vocalisation un second clic stoppe la vocalisation en cours."

C'était demandé de stopper la vocalisation si l'utilisateur appuie sur la touche Échap ou clic droit. Un second clic ne peut que relancer une vocalisation.

"Pour passer en actionnable, l'utilisateur doit repasser le réglage en "sans vocalisation" ou appuyer sur escape." Pareil ici le seul moyen de désactiver la vocalisation est de changer la position de bouton multi-clic.

Valerieledunois commented 1 month ago

Nouvelle spécification, attendu : L'utilisateur sélectionne l'objet à lire : mot, phrase, paragraphe sur la modale réglage "lire à haute voix". Lorsque l'utilisateur positionne sa souris sur la page web, un bouton "lire" se positionne au-dessus des objets lisibles. Pour obtenir la lecture, l'utilisateur clique sur le bouton "lire"

ThomasDgop commented 1 month ago

Hello, on a discuté avec Gaël des différentes solutions pour permettre une vocalisation des boutons et liens sans déclencher le "clique".

Il existe Read Speaker qui fait extrêmement bien le taf. Ça permet de vocaliser à la sélection en ajoutant un bouton au dessus des éléments sélectionnés. Voir la démo sur le lien.

Sinon on propose de remplacer la lecture par paragraphe, phrase et mot par une lecture à la sélection. Donc l'utilisateur sélectionne du contenu avec sa souris et on fait une restitution vocal de sa sélection. L'avantage est que l'utilisateur sélectionne ce qu'il veut écouter.

Valerieledunois commented 5 days ago

Je viens de tester, la possibilité de vocaliser un bouton sans déclencher le clic : ça fonctionne très bien, je vais cependant proposer aux concepteurs de tester Read Speaker

j'ai des bugs sur la lecture des différents éléments : je ne fais pas d'issue bug comme nous allons potentiellement avoir des évolutions fonctionnelles