Viisi syytä miksi käyttää labeleita
Ajattelin kirjoittaa lyhyesti miksi HTML:n label-elementtejä pitäisi käyttää. 456 Berea Street on kuitenkin tehnyt saman vähän kattavammin: Use the label element to make your HTML forms accessible. Kannattaa lukea jos aihe tuntuu vieraalta.
Nopea demonstraatio:
Viisi hyvää syytä miksi sinunkin pitäisi käyttää labeleita:
- Kaikki muutkin käyttävät labeleita. Käyttäjien voi aluksi olla vaikeaa oppia klikkaamaan labeleita, sillä muutos lomakkeessa on melko pieni. Mutta kun sen kerran oppii sitä odottaa kaikilta kohtaamiltaan lomakkeilta.
- Checkboxien klikkaaminen hiirellä on rasittavaa. Fittsin lain mukaan kohteen osoittamiseen kuluva aika on kääntäen verrannollinen sen kokoon. Pienten checkboxien klikkaaminen on siksi hidasta ja vaatii käyttäjältä ylimääräistä keskittymistä.
- Checkboxien klikkaaminen mobiiliselaimilla on todella rasittavaa. Klikattavan kohteen pienen koon lisäksi osoitin on huomattavan epätarkka (Nokian puhelimista löytyvä "hiiri" tai sormi iPodissa).
- Kaksi edellistä kohtaa yhdistettynä johonkin motoriseen ongelmaan tekee tehtävästä jo lähes mahdottoman.
- <label>-tagien käyttö on erittäin helppoa, joten käyttämättömyydelle ei pitäisi olla mitään estettä.
Terveisin nimim. "ketuttaa joka ikinen kerta kun törmää näin helppoon virheeseen" :P
Kategoria: web-kehitys
Kysymyksiä tai kommentoitavaa?
Lähetä viesti Mastodonissa tai sähköpostilla.
3 kommenttia
Olli Huotari –
Labelit ovat kieltämättä sen verran triviaali asia, että kaikkien webdev hemmojen pitäisi ne osata vaikka ne aina unohtuukin :( Vielä hieman unohdetumpi asia on accesskeyt ja muut tavat hyödyntää näppistä. Hyvillä siteillä alt-shift-4 (firefoxissa) menee search boxiin eikä tarvitse edes hiireen koskea. http://www.cs.tut.fi/~jkorpela/forms/accesskey.html Toinen kätsy on javascriptillä näppiksen käyttäminen, esmes matin maapallossa: http://matin.maapallo.org/site.pl/selain/?c=fingerpori&i=34
Oiva –
Kiitos tuosta acceskey-vinkistä. Korpela ei ihan varauksetta noita suosittele, vaikka tarkoitus on hyvä: mahdollistaa surffaus pelkällä näppäimistöllä. Törmäsin ensimmäistä kertaa noihin "standardoituihin" näppäinoikoteihin netissä, niitä ei taida kovin moni käyttää? Joissain laitteissa surffaus taas tapahtuu lähes pelkästään osoittimella, jota ohjataan sormella / kynällä / wii-motella. Niissä tilanteissa labelit on aika must.
Henri –
Oho, en ollut edes tietääkseni kuullut noista labeleista. Hienoja, nyt vaan herää kysymys että miksei noita oo kaikilla sivuilla? :-) Noissa (Nokian) puhelinselaimissa onneksi se hiiri hyppii linkistä toiseen, joten siihen checkboxiin osuminen ei sinänsä ole ihan niin ongelma. Ipod touchilla /iphonella nuo taas tulevat erittäin tarpeeseen. Noi Ollin mainitsemat näppäinoikotiet kuullostavat periaatteessa käteviltä mutta käytännössä en oikein usko niiden erityiseen yleistymiseen. Tämä lähinnä siksi että ne perustuvat vaan muistamiseen.