web-dev-qa-db-fra.com

Est-ce une bonne pratique de mettre Ellipsis sur H1

Example of Ellipsis

Je suis en train de concevoir un blog avec une grosse typographie, et je me demandais, puisque je ne trouvais rien sur le Web à ce sujet, si c'était une bonne pratique de raccourcir de longs titres avec Ellipsis. Il semble logique que ce ne soit pas une bonne pratique, car l'utilisateur souhaite lire l'intégralité du titre du message, c'est correct uniquement pour les extraits de texte.

4
Vladimir

À mon avis, les titres tronqués ne devraient pas être utilisés. Il me semble que vous pouvez utiliser une taille de police variée en fonction de la longueur de la chaîne.

Example

2
Igor Gubaidulin

Il est courant de tronquer les titres lorsqu'ils sont trop longs.

enter image description here

Les mots clés sont ici "trop ​​longs". Je le couperais après trois ou cinq premiers mots, car les utilisateurs ne peuvent pas construire (deviner) l'expression en seulement deux mots. Une autre façon serait de calculer une largeur de colonne physiologiquement idéale (environ 450 px) et de s'y tenir.

La troncature est généralement associée à un titre complet, exposée dans l'infobulle ou glissant hors des points de suspension, le tout en survol.

P.s. H1 me semble anormalement grand ici. Voici un instrument incroyable pour configurer la typographie sur la page avec des coefficients automatiques, de sorte que toutes sortes de tailles de texte (H1, H2, H3, texte de base et tout le reste) soient en harmonie. http://type-scale.com/ Vous pouvez choisir différents coefficients pour faire varier la différence entre les tailles de police.

1
Zoe K

Il n'est en fait pas rare du tout de tronquer les titres. Ce n'est évidemment pas souhaitable et peut être évité, espérons-le, mais il y a parfois de bonnes raisons de faire de la troncature, même sur les titres. Par exemple, une application en plusieurs langues peut sembler correcte en anglais, mais les en-têtes peuvent casser votre mise en page dans une autre langue - déborder une div, introduire des sauts de ligne indésirables, etc.

Avec tout type de chaînes de longueur dynamique, vous devez vous contenter d'une largeur maximale, puis gérer explicitement les cas où la chaîne ne convient pas. La troncature à l'aide de points n'est pas une mauvaise solution, tant que vous fournissez un moyen simple de voir la chaîne entière. Inclure un mécanisme alternatif pour afficher le texte intégral (ne vous fiez pas à l'attribut title et pensez aux appareils tactiles). N'oubliez pas les lecteurs d'écran, donnez-leur la version intégrale.

0
illuminaut