Leer sin perderse
Una regla de lectura tapa lo que sobra y deja a la vista una sola línea. Ayuda a quien se salta renglones, a quien lee en una pantalla pequeña y a cualquiera que llegue cansado al final del día. Mueve el ratón, toca el texto o usa las flechas para bajar línea a línea.
Paragraphe avec règle de lecture
Une bande haute d'une ligne suit le pointeur ou les flèches et atténue le reste pour ne pas perdre la ligne.
Réglages
Code
<div class="uvq14-rul"><div class="hd"><h3>Lire sans perdre le fil</h3><button type="button" class="tg" aria-pressed="true">Règle de lecture</button></div><div class="ar" tabindex="0" role="group" aria-label="Texte avec règle : utilise les flèches haut et bas"><p>Une règle de lecture cache le superflu et ne laisse qu'une ligne visible. Elle aide celles et ceux qui sautent des lignes, qui lisent sur un petit écran ou qui arrivent fatigués en fin de journée. Bouge la souris, touche le texte ou utilise les flèches pour descendre ligne par ligne.</p><i class="bd" aria-hidden="true"></i><i class="ov a" aria-hidden="true"></i><i class="ov b" aria-hidden="true"></i></div></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Texte et défilement
Voir tout : Texte et défilementOù l’utiliser
Les règles de lecture sont une aide simple pour les personnes dyslexiques, ayant des troubles de l'attention ou les yeux fatigués : elles gardent une ligne nette et adoucissent tout le reste. Ce bloc mesure la hauteur de ligne du paragraphe et y cale une bande teintée, avec des voiles flous au-dessus et en dessous. Il convient aux longs articles, à la documentation et aux réglages d'accessibilité.
Écris le titre dans le champ de texte et n'importe quel paragraphe dans le HTML ; la règle s'adapte à ses lignes. La couleur principale trace les bords et la secondaire teinte la bande. Un interrupteur la masque, et les flèches, Début et Fin la déplacent ligne par ligne.