Toca lo subrayado
Hacemos webs (cargan en menos de un segundo, incluso con poca cobertura), (se usan con teclado, con lector de pantalla o con una sola mano) y (tu equipo edita los textos sin llamarnos).
Phrase qui se déplie au toucher
Un court paragraphe où chaque mot souligné s'ouvre et ajoute son explication dans la phrase elle-même, sans fenêtre.
Réglages
Code
<div class="uvq14-str"><p class="kc">Touche ce qui est souligné</p><p class="tx">On crée des sites <button type="button" aria-expanded="false" aria-controls="uvq14-str-1">rapides</button><span class="ex" id="uvq14-str-1" hidden> (elles chargent en moins d'une seconde, même avec peu de réseau)</span>, <button type="button" aria-expanded="false" aria-controls="uvq14-str-2">accessibles</button><span class="ex" id="uvq14-str-2" hidden> (utilisables au clavier, au lecteur d'écran ou d'une seule main)</span> y <button type="button" aria-expanded="false" aria-controls="uvq14-str-3">faciles à modifier</button><span class="ex" id="uvq14-str-3" hidden> (ton équipe modifie les textes sans nous appeler)</span>.</p><button type="button" class="all" aria-pressed="false">Tout lire</button></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
Le texte extensible est une vieille idée de l'hypertexte : au lieu d'envoyer les gens ailleurs, la phrase grandit sur place quand on en demande plus. Ici, chaque mot souligné est un bouton qui révèle une incise cachée avec une courte animation de dépliage et un éclat de surligneur. Il convient aux paragraphes de présentation, aux explications tarifaires et aux textes d'accueil qui doivent rester courts.
Change les premiers mots dans le champ de texte et modifie les incises dans le HTML. La couleur principale marque les boutons et la secondaire teinte l'éclat. Le bouton pour tout lire ouvre toutes les incises d'un coup et les referme.