/* * LISIBILITÉ RENFORCÉE — feuille SÉPARÉE, DÉSACTIVÉE par défaut. * * Pour l'essayer : ajouter dans index.html, après styles.css — * * Pour revenir en arrière : retirer cette ligne. Rien d'autre à défaire. * * POURQUOI. Mesuré au navigateur le 20/08 sur 443 textes et 44 écrans : 208 textes * s'affichent sous 13 px, dont 108 à 11,5 px. Ce ne serait qu'une question de goût si les * plus petits portaient des détails — mais ce sont les explications qui comptent : * * 11,0 px « Aucun rappel n'est créé sans votre confirmation. » * 11,0 px « Indiquez votre département et je vous préviendrai avant chaque période. » * 10,5 px « (réduit le délai à 1 mois — sinon 3 mois) » * * Le public de Linotte a entre 40 et 60 ans. Beaucoup lisent de près avec des lunettes, et * personne ne se plaint d'un texte trop petit : on ne le lit pas, c'est tout. La promesse * de confiance la plus importante de l'application est écrite dans le corps le plus petit. * * CE QUE FAIT CETTE FEUILLE : elle remonte le plancher, sans toucher aux titres ni à la * mise en page. Les hausses sont volontairement modestes (+1 à +2 px) — l'objectif est de * franchir le seuil de confort, pas de changer l'allure de l'application. */ /* Le plancher général : plus rien en dessous de 12,5 px. */ body{ font-size:15px } /* Les textes secondaires des cartes et des listes — le gros du volume (108 textes à 11,5). */ .cl-txt span, .resume-echeances .cl-txt span, .filet, small{ font-size:13px !important; line-height:1.5 } /* Les titres de carte restent distincts de leur explication. */ .cl-txt b, .resume-echeances .cl-txt b{ font-size:14.5px !important } /* Les mentions les plus petites (10,5–11 px) : celles qui portent une promesse ou une consigne, jamais un simple horodatage. */ .mention, .aide, .sous-titre, .note{ font-size:12.5px !important; line-height:1.5 } /* Les libellés de module sur l'accueil : l'explication sous le nom de la tuile. */ .btn-module small{ font-size:13px !important; line-height:1.45 } /* Le gris des textes secondaires est un peu clair pour un œil de 55 ans sur un écran en plein soleil : on le fonce sans changer la couleur de marque. */ :root{ --gris:#5c6b66 } /* ───────────────────────────────────────────────────────────────────────────── * LE PLANCHER, APPLIQUÉ À TOUTES LES RÈGLES DU CSS QUI DESCENDAIENT SOUS 13 px. * * La première version de cette feuille ne visait que quelques classes choisies à la main : * elle a fait passer les textes trop petits de 208 à 133. Les 133 restants étaient les plus * importants — « Aucun rappel n'est créé sans votre confirmation » (la promesse de contrôle, * répétée sur cinq écrans) était encore à 11 px, et « réduit le délai à 1 mois — sinon * 3 mois » à 10,5. * * La liste ci-dessous est donc EXTRAITE de styles.css, pas écrite de mémoire : chaque règle * qui descendait sous 13 px est remontée d'un cran (≤11 → 12,5 · ≤12 → 13 · sinon 13,5). * On monte de peu et jamais au-delà de 13,5 : franchir le seuil de confort, pas changer * l'allure de l'application. La taille d'origine est notée en fin de ligne. * ───────────────────────────────────────────────────────────────────────────── */ .tag-confirm { font-size:12.5px !important; } /* 9.5 */ .source-tag { font-size:12.5px !important; } /* 9.5 */ .carte-compare span { font-size:12.5px !important; } /* 10.5 */ .accueil-disclaimer { font-size:12.5px !important; } /* 10.5 */ .compare2 .col span { font-size:12.5px !important; } /* 10.5 */ .alert-card .tag { font-size:12.5px !important; } /* 10.5 */ .row-icon .txt span { font-size:12.5px !important; } /* 10.5 */ blockquote { font-size:12.5px !important; } /* 11.0 */ .cl-txt span { font-size:12.5px !important; } /* 11.0 */ .zip-lbl { font-size:12.5px !important; } /* 11.0 */ .cite { font-size:12.5px !important; } /* 11.0 */ .note-conf { font-size:12.5px !important; } /* 11.0 */ .lien-signalement { font-size:12.5px !important; } /* 11.0 */ .discl-box { font-size:13.0px !important; } /* 11.3 */ .compare2 .col b { font-size:13.0px !important; } /* 11.5 */ .field label { font-size:13.0px !important; } /* 11.5 */ .carte-compare b { font-size:13.0px !important; } /* 11.5 */ .filet { font-size:13.0px !important; } /* 11.5 */ .cloud-warn { font-size:13.0px !important; } /* 12.0 */ .btn.caps { font-size:13.5px !important; } /* 12.5 */ .doc-preview { font-size:13.5px !important; } /* 12.5 */ .erreur-box { font-size:13.5px !important; } /* 12.5 */ .cl-txt b { font-size:13.5px !important; } /* 12.5 */ .alert-toggle .txt { font-size:13.5px !important; } /* 12.5 */ .contract-head span { font-size:13.5px !important; } /* 12.5 */ .exclusions-box .item { font-size:13.5px !important; } /* 12.5 */