Text
Texte courant : ce que les gens lisent. Dans la police serif de Feitio, avec des lignes qui ne deviennent jamais inconfortablement longues.
Sur cette page
Playground
La sauvegarde tourne chaque dimanche à 3 h. Si quelque chose échoue, l’avis arrive avec la raison et quoi faire.
<p class="feitio-text">La sauvegarde tourne chaque dimanche à 3 h. Si quelque chose échoue, l’avis arrive avec la raison et quoi faire.</p>Quand l'utiliser
- Pour expliquer, raconter, guider : n'importe quel paragraphe.
- En trois tailles : lead, default et small.
Quand ne pas l'utiliser
- Pour les étiquettes de champs, boutons et tableaux : ceux-ci utilisent la sans-serif, et chaque composant gère cela.
- Pour les avertissements importants : utilisez Notice. Le petit texte ne peut pas porter un avertissement.
Exemples
La phrase qui indique à quoi sert la page.
Texte courant, en serif, avec des lignes d'au plus 70 caractères afin qu'il ne fatigue pas.
Légende, hint de champ, pied de page.
Les trois tailles
Lead pour le premier paragraphe d'une page, default pour le reste, small pour les légendes et hints.
Afficher le code
<p class="feitio-text" data-size="lead">A frase que diz para que serve a página.</p>
<p class="feitio-text">O texto corrido…</p>
<p class="feitio-text" data-size="small">Legenda, dica de campo, rodapé.</p>Faire et ne pas faire
Do
L'exécution de secours se fait chaque nuit à 3h. S'il échoue, vous obtiendrez un avertissement.
Deux phrases courtes : ce qui s'est passé et quoi faire.
Don’t
Avertissement : si l'exécution de secours échoue trois fois de suite, les données d'aujourd'hui ne seront pas protégées.
Un avertissement sérieux en petit texte passe inaperçu. C'est un Notice.
Écriture
- Des phrases courtes, voix active, le sujet est la personne quand c'est possible.
- Une idée par paragraphe.
Accessibilité
- Le contraste de texte par défaut et doux passe le WCAG AA dans les deux modes ; les tests de Feitio s'en assurent.
- Des lignes d'au plus 70 caractères avec une hauteur de ligne de 1,6, pour ceux qui ont des difficultés à lire.
Attributs
| Attribut | Valeurs | Pour quoi |
|---|---|---|
class="feitio-text" | obligatoire | Texte courant en police serif, jusqu'à 70 caractères par ligne. |
data-size | aucun, "lead", "small" | Par défaut (sans l'attribut), lead ou small. |