Tekstoverløp: Ellipsis anses som skadelig

Publisert av Platon

Følgere: 0

Det er noen få legitime brukstilfeller for denne teknikken. Du kan for eksempel ha en tabell med titler og beskrivelser. For å beholde mer plass til tittelen, begrenser du beskrivelsen til én linje på små visningsporter til én linje, og du gjentar beskrivelsen på detaljsiden for dette elementet.

Imidlertid ser jeg det ofte brukt på elementer som knapper eller til og med formetiketter for å få dem til å se penere ut (?) eller når du justerer dem vertikalt. Men når du endrer visningsporten eller endrer størrelsen på teksten, forsvinner slutten av teksten.

Jeg tror "... hvis brukt i visse situasjoner" hører hjemme der, men det gir absolutt en bedre blogginnleggstittel uten det. Som Eric sier, er det legitime brukstilfeller for å avkorte tekst. Kanskje bare noen få, men legitime likevel.

Det endelige målet er å forhindre "miste" data, noe det kan sikkert skje i CSS. Tekst som utilsiktet flyter over en beholder går tapt i den forstand at den rett og slett ikke er der. Og hvis den teksten rett og slett ikke er der, vil brukerne savne den, selv om det er den beste og mest velutformede handlingsfremmende oppfordringen som noen gang er publisert på nettet.

Eric påpeker at det ikke er noen måte å gjøre teksten avkortet av text-overflow: ellipsis synlig. Når den først er borte, er den borte (selv om skjermlesere ser ut til å kunngjøre det). Det er praktisk talt tapte data. Det kan du være greit med. Det er kult så lenge du vet hva som skjer og det er ment.

Men her er hva Eric sier som fikk meg til å ville dele dette:

Ikke begrens innholdet til å passe til designet ditt, gjør CSS-en din fleksibel for å håndtere lengre ord på en elegant måte.

Igjen, du kunne ønsker å tilpasse innholdet til designet. Men jeg vil nok hevde, som Eric, at design skal tilpasses innholdet heller enn omvendt. Jeg har vanskelig for å huske noen situasjon der teksten på en side er uviktig eller uten hensikt i den grad at jeg ville vært kult å kutte av på et hvilket som helst vilkårlig punkt bestemt av en CSS-egenskap. Kanskje et arkiv med blogginnlegg der hvert innlegg viser et utdrag av innleggets innhold før avkorting, men det er ikke akkurat en brukssak for text-overflow: ellipse.

CSS har verktøyene for å lage et fleksibelt design som tar hensyn til varierende lengder på teksten. Så kanskje feile på siden av skrive defensiv CSS… CSS som forutser problemer og vet hvordan man elegant håndterer ulike innholdsscenarier. text-overflow: ellipsis kan være en del av CSS-arsenalet ditt for det. Men det kan også være å kaste babyen ut med badevannet. Verdt å spørre om det å miste disse dataene er verdt kostnadene for det innholdet skal gjøre før du gir det en hårklipp.

Mens vi snakker om å avkorte tekst ...

link 1. oktober 2021