Tekstin ylivuoto: ellipsiä pidetään haitallisena

Julkaissut Platon

seuraajia: 0

Tälle tekniikalle on olemassa muutamia laillisia käyttötapauksia. Sinulla voi esimerkiksi olla taulukko, jossa on otsikot ja kuvaukset. Säilyttääksesi enemmän tilaa otsikolle, rajoitat kuvauksen yhdelle riville pienissä näkymäporteissa yksiriviseksi ja toistat kuvauksen tämän kohteen tietosivulla.

Näen kuitenkin usein, että sitä käytetään kohteissa, kuten painikkeissa tai jopa lomaketarroissa, jotta ne näyttävät kauniimmilta (?) tai kohdistaessa niitä pystysuoraan. Mutta kun muutat näkymää tai muutat tekstin kokoa, tekstin loppu katoaa.

Mielestäni "… jos käytetään tietyissä tilanteissa" kuuluu sinne, mutta se tekee varmasti paremman blogitekstin otsikon ilman sitä. Kuten Eric sanoo, tekstin katkaisemiseen on laillisia käyttötapauksia. Ehkä vain muutama, mutta laillinen kuitenkin.

Lopullisena tavoitteena on estää tietojen "menettäminen". Tämä voi varmasti tapahtua CSS:ssä. Teksti, joka vahingossa vuotaa kontin yli, katoaa siinä mielessä, että sitä ei yksinkertaisesti ole siellä. Ja jos sitä tekstiä ei yksinkertaisesti ole, käyttäjät jäävät kaipaamaan sitä, vaikka se olisikin paras ja parhaiten muotoiltu toimintakehotus, joka on koskaan julkaistu verkossa.

Eric huomauttaa, että tekstiä ei voi millään katkaista text-overflow: ellipsis näkyvissä. Kun se on mennyt, se on mennyt (vaikka näytönlukijat näyttävät ilmoittavan siitä). Se on käytännössä kadonnut data. Saatat olla kunnossa sen kanssa. Se on siistiä, kunhan tiedät mitä tapahtuu ja se on tarkoitettu.

Mutta tässä Eric sanoo, mikä sai minut haluamaan jakaa tämän:

Älä rajoita sisältöä sopimaan suunnitteluasi, vaan tee CSS:stäsi joustava käsitelläksesi pidempiä sanoja sulavasti.

Taas sinä ehkä haluat mukauttaa sisällön suunnitteluun. Mutta luultavasti väittäisin, kuten Eric, että suunnittelun tulee mukautua sisältöön eikä toisin päin. Minun on vaikea muistaa tilanteita, joissa sivulla oleva teksti on merkityksetöntä tai tarkoituksetonta siinä määrin, että olisin viileä, jos se katkeaa missä tahansa CSS-ominaisuuden määrittämässä mielivaltaisessa kohdassa. Ehkä blogiviestien arkisto, jossa jokainen viesti näyttää otteen viestin sisällöstä ennen katkaisua, mutta se ei ole varsinainen käyttötapa text-overflow: ellipse.

CSS:llä on työkalut joustavan suunnittelun tekemiseen, joka ottaa huomioon eripituiset tekstit. Joten ehkä erehtyä puolustavan CSS:n kirjoittaminen… CSS, joka ennakoi ongelmia ja osaa käsitellä sulavasti erilaisia sisältöskenaarioita. text-overflow: ellipsis saattaa olla osa CSS-arsenaaliasi. Mutta se voi myös olla vauvan heittäminen ulos kylpyveden mukana. Kannattaa kysyä, onko tietojen menettäminen sen kustannusten arvoista, mitä sisällön pitäisi tehdä, ennen kuin alat leikata sitä.

Kun puhumme tekstin lyhentämisestä…

Linkki 1. lokakuuta 2021