[Mode d'usage Facile+] Spécification des réglages

[Valerieledunois]

FACILE+.docx

La description du mode d'usage est disponible dans le fichier word joint

[ffoodd]

Reste à faire

Police (1)

• [x] Ajouter la B612 Mono
• [x] Ajouter la Lexend Deca
• [x] Ajouter la Sylexiad
• [x] Ajouter Comic et Verdana
• [x] Supprimer Open Sans
• [x] Supprimer Open Dyslexic
• [x] Supprimer Arial
• [x] Revoir l’aspect du composant

Taille de texte (1)

(!) Le réglage semble ne plus fonctionner en local.

• [x] Utiliser les valeurs définies : 110%, 130%, 160%, 200%, 350%, 500%
• [x] Affiner les styles du composant

Loupe (13)

• [ ] POC → Étudier la faisabilité : je ne suis pas très optimiste…

Lire à haute voix (13)

• [ ] Sujet très vaste : POC en premier lieu.

Aérer le texte (3)

• [x] Créer le composant
• [x] Implémenter les différentes valeurs : récupérter le détail dans le Excel ? Sinon un pourcentage ne suffit pas : on doit gérer l’interlignage, l’interlettrage et l’espace entre les mots.

Note : certaines valeurs devraient sûrement être en em plutôt qu’en %, à voir…

Clic facilité (8)

Sujet très vaste :

• [x] Créer le composant,
• [x] Certaines fonctionnalités sont identiques au réglages ascenseur, on pourra envisager une factorisation ?
• [x] analyser la version actuelle pour récupérer des choses ?

Aspect de la souris (5)

(!) Le sujet des doubles valeurs me perturbe : voir avec Valérie si comme je le comprends, on aboutit à 3 × 6 valeurs (soit 18 valeurs ?).

PI : on va s’appuyer sur la propriété CSS cursor, qui accepte des URLs.

• [x] Créer le composant
• [x] Créer les images pour les différents curseurs,
• [x] Les inliner en SVG (avec l’attribut fill pour la couleur)
• [x] Et forcer la propriété avec * { cursor: url(….svg) !important; }

Question : Curseur unique, ou curseur qui s’adapte au survol (exemple : les champs de saisie ont un curseur text) ?

Aspect du focus (3)

• [x] Créer le composant
• [x] Implémenter les différentes valeurs : CSS à appliquer globalement (sur :focus et :focus-visible).

Couleurs / contrastes (3)

• [x] Créer le composant
• [x] Implémenter les différentes valeurs.

Question : la valeur « daltonisme » est abscons, je ne la comprends pas.

Stopper les animations (8)

• [ ] Créer le composant
• [ ] Stopper les animations et transitions CSS
• [ ] Mettre en pause les vidéos
• [ ] Mettre en pause les GIFs : utiliser gifa11y ?
• [ ] D’autres types d’animations à stopper ?

Note : on va se poser la question d’embarquer une lib tierce pour la première fois.

Ascenseur (5)

• [x] Créer le composant
• [x] Implémenter la scrollbar personnalisée en CSS (notamment avec scrollbar-width)
• [x] Créer les boutons et les associer au scroll.

Question : quelle proportion de l’écran doit-on faire défiler lors de l’utilisation des boutons ? Et à quelle vitesse, pour la version au survol ? Note : on trouvera des réponses dans la version actuelle, dans la section « Comportement » / « Navigation par pointage ».

[ThomasDgop]

Màj après MVP:

Réglages manquants

• [ ] Loupe
• [ ] Lire à haute voix
• [x] Clic facilité
• [ ] Stopper les animations

Questions et ajustements des réglages existants

• [ ] Valeurs pour chaque paramètres (interlignage, interlettrage et espace entre les mots) de "Aérer le texte".
• [x] Adapter le SVG en fonction du curseur (texte, pointeur, défaut).
• [ ] Quelles valeurs pour le mode daltonisme ?
• [x] Quelles valeurs de vitesse pour le défilement au scroll ?

[Valerieledunois]

Attention, Mise à jours du mode d'usage Facile+ FACILE+ 20240605.docx