Oikeellisuus ei ole vain validaattoria varten

Käytettävyys, perjantaina 30.12.2005,

Olen innokas uutiskirjeiden lukija. Eräänlainen tehokäyttäjä siis. Tämä johtaa väistämättä siihen, että pienet virheet kertautuvat ja korostuvat.

Viime lokakuussa, 21.10.2005, sekä Digitoday että ITviikko päättivät yhteistuumin muuttaa sivujensa koodia. Sitä ennen jokainen tekstikappale oli erotettu aloittavalla ja sulkevalla p-tagilla. Tämän jälkeen kappaleiden vaihdot tehtiin kahdella br-elementillä, joiden esitysasu vaihtelee huvittavasti <br>:n ja <br />:n välillä.

Tällä ei ole merkitystä vain koodin oikeellisuuteen vaan myös käytettävyyteen. Jos sivulta kopioi tekstiä leikepöydän kautta, tulkitsee selain saatua tekstipötköä koodin merkintöjen mukaisesti. Jos p-tagit ovat oikeilla paikoilla, laittaa selain kappaleiden väleihin kaksi rivinvaihtoa. Jos rivinvaihdot on merkitty koodissa br-elementeillä, laittaa selain vuorostaan kappaleiden väleihin vain yhden rivinvaihdon. Tai Opera laittaa, muut laittavat enemmän.

Puhtaassa tekstidokumentissa missä rivien välejä ei voi säätää, näyttävät vain yhdellä rivinvaihdolla erotetut kappaleet yhdeltä isolta möhkäleeltä. Sitä on vaikea lukea sillä silmä tarvitsee lepohetkeä ja kohdistamisen paikkaa tekstin lomaan.

Miksi sitten?

En tiedä miksi Digitoday ja ITviikko päättivät yhtäkkiä koodiaan muuttaa, mutta toteutuksessa ollaan varmaan vain menty siitä missä aita on ollut matalin. Tekstin kirjoittaja varmaankin napauttaa kappaleen perään kaksi rivinvaihtoa, muutenhan sitä olisi vaikea lukea. Koodari on sitten katsonut helpommaksi korvata jokainen rivinvaihto br-elementillä eikä ole joutunut miettimään p-tagien kanssa mihin laitetaan aloitus ja mihin lopetus. Pääsi aikaisemmin kahvitauollekin. Eikä tätä kukaan huomaa, paitsi minä.

Muutenkin Digitodayn koodissa on luovaa span-elementin käyttöä:

<span class="ingressi">Ylen TV 2 esittää […] perjantaina.<br><br></span>

<span class="content">YleX:n elokuvalle […] kappaletta.<br><br></span>
    

Tiedoksi vain heille, että yleensä lohkot erotetaan div:llä. Ehkä sen jälkeen tuleva pakotettu rivinvaihto on pelottanut? Rivinvaihdon voi kuitenkin korjata tyyleillä. Elementille span on oletuksena määritetty display: inline ja elementille div tyyli display: block. Näitä muokkaamaan vain.

Eikä näitä kukaan huomaa, paitsi minä. Eikä kukaan käytä Operaa, paitsi minä.