Débordement de texte : les points de suspension sont considérés comme nuisibles

Republié par Platon

Suiveurs: 0

Il existe quelques cas d'utilisation légitimes pour cette technique. Par exemple, vous pouvez avoir un tableau avec des titres et des descriptions. Pour conserver plus d'espace pour le titre, vous limitez la description à une ligne sur les petites fenêtres à une ligne et vous répétez la description sur la page de détail de cet élément.

Cependant, je le vois souvent utilisé sur des éléments tels que des boutons ou même des étiquettes de formulaire pour les rendre plus beaux (?) Ou pour les aligner verticalement. Mais une fois que vous avez modifié la fenêtre d'affichage ou redimensionné le texte, la fin du texte disparaît.

Je pense que "... si utilisé dans certaines situations" appartient là, mais cela fait certainement un meilleur titre d'article de blog sans cela. Comme le dit Eric, il existe des cas d'utilisation légitimes pour tronquer du texte. Peut-être seulement quelques-uns, mais néanmoins légitimes.

Le but ultime est d'éviter de « perdre » des données, quelque chose cela peut certainement arriver en CSS. Le texte qui déborde par inadvertance d'un conteneur est perdu dans le sens où il n'est tout simplement pas là. Et si ce texte n'est tout simplement pas là, les utilisateurs le manqueront, même s'il s'agit de l'appel à l'action le meilleur et le mieux conçu jamais publié sur le Web.

Eric fait remarquer qu'il n'y a aucun moyen de tronquer le texte par text-overflow: ellipsis visible. Une fois que c'est parti, c'est parti (bien que les lecteurs d'écran semblent l'annoncer). Ce sont pratiquement des données perdues. Vous pourriez être d'accord avec ça. C'est cool tant que vous savez ce qui se passe et que c'est prévu.

Mais voici ce qu'Eric dit qui m'a donné envie de partager ceci :

Ne contraignez pas le contenu à s'adapter à votre conception, rendez votre CSS flexible pour gérer les mots plus longs avec élégance.

Encore toi pourrait souhaitez conformer le contenu à la conception. Mais je dirais probablement, comme Eric, que le le design doit s'adapter au contenu plutôt que l'inverse. J'ai du mal à me souvenir de toute situation où le texte d'une page est sans importance ou sans but dans la mesure où je serais cool de le couper à n'importe quel point arbitraire déterminé par une propriété CSS. Peut-être une archive d'articles de blog où chaque article montre un extrait du contenu de l'article avant de le tronquer, mais ce n'est pas exactement un cas d'utilisation pour text-overflow: ellipse.

CSS dispose des outils nécessaires pour créer une conception flexible qui tient compte des différentes longueurs de texte. Alors peut-être pécher par excès écrire du CSS défensif… CSS qui anticipe les problèmes et sait gérer avec élégance différents scénarios de contenu. text-overflow: ellipsis pourrait faire partie de votre arsenal CSS pour cela. Mais cela peut aussi être de jeter le bébé avec l'eau du bain. Cela vaut la peine de se demander si la perte de ces données vaut le coût de ce que ce contenu est censé faire avant de lui donner une coupe de cheveux.

Pendant que nous parlons de troncature de texte…

Lien le oct 1, 2021