Sisältöön
Haku:

Elefanttipuhetta


Sisäiset ja ulkoiset linkit

Kategoriat: Saavutettavuus, Web design — 13.04.2006 @ 22:31

Linkitys on hypertekstidokumenttien ja internetin yksi keskeisimmistä perusominaisuuksista. Ilman linkitysmahdollisuutta tuntemamme internet olisi todennäköisesti hyvin erilainen.

On olemassa monia erilaisia linkkejä. Linkit johtavat tyypillisesti toiseen kohteeseen samalla sivustolla tai kokonaan eri sivustolle, mutta linkit voivat myös käynnistää tiedostonlatauksen tai videonkatselun tai avata uusia ikkunoita.

Tavallisin tapa erottaa linkki muun sisällön seasta on alleviivata se. Myös muunlaisia korostuksia voidaan käyttää. Tästä päästäänkin itse asiaan.

Kuinka voidaan erotella toisistaan sivuston sisäiset ja ulkoiset linkit? Miten pitäisi kohdella tekstipohjaisen selaimen käyttäjää varten tehtyjä apulinkkejä?

Tavallisesti sivun sisäisiä ja ulkoisia linkkejä ei erotella toisistaan millään tavalla. Tämä on mielestäni monilla sivuilla erittäin suuri ongelma. Wikipediassa palvelun sisäiset ja ulkoiset linkit on erotettu toisistaan pienellä sävyerolla. Sisäiset linkit ovat tummemman sinisiä kuin ulkoiset. Monille käyttäjille tämä on jo riittävä ero, toisille taas ei.

Ei ole kuitenkaan olemassa yhtä ja ainoaa oikeaa tapaa. Usein yksittäisen sivun sisäiset linkit näyttäytyvät käyttäjälle tavallisena linkkinä, mutta niitä klikkaamalla ei vaikuta tapahtuvan mitään, sillä sivu ei vierity minnekään. Tämä linkki johtaa toiseen kohtaan tässä postauksessa. Klikkaamalla linkkiä tavallisella selaimella ei sivun pituudesta riippuen välttämättä tapahdu mitään, tai sivu heilahtaa hieman alemmaksi. Matkapuhelimen ruudulla sen sijaan linkin kohde siirtyy näytön yläosaan. Edellinen testilinkki johtaa tämän lauseen alkuun.

Tämä muodostuu ongelmaksi etenkin apulinkkien kanssa, jotka saattavat turhaan hämmentää käyttäjiä, joille näillä linkeillä ei ole merkitystä. Sen sijaan matkapuhelimella tai tekstipohjaisella selaimella surffaavalle ne ovat elintärkeitä ja helpottavat navigointia suuresti.

Vanha tapa on avata ulkoiset linkit uuteen ikkunaan. Tätä kannattaa välttää, sillä käyttäjä itse kyllä parhaiten tietää haluaako avata linkin uuteen ikkunaan vai ei. Tämäkään tapa ei vielä kerro ennen klikkausta, minne linkki tarkalleen johtaa.

Sisäiset linkit voi myös Wikipedian tapaan erotella muista linkeistä erilaisella korostuksella, esim. linkkitekstin värillä tai erilaisella alleviivauksella. Tällöin jonkinlainen selite eri värien tarkoituksesta muodostuu hyvin tarpeelliseksi. Navigaatioon liittyvät apulinkit voi ja kannattaakin kätkeä niiltä käyttäjiltä, joille niistä on enemmän haittaa kuin hyötyä.

Paras ja yksinkertaisin tapa on tietysti muotoilla niin kuvaavat linkkitekstit, että käyttäjälle ei jää epäselvyyttä siitä minne linkki johtaa. Välttäkää siis klikkaa tästä -tyylisiä linkkejä ja miettikää linkkitekstit huolella, jotta käyttäjä ennen klikkausta varmasti tietää, minne linkki johtaa.

Ei kommentteja »

Kukaan ei ole vielä kommentoinut.

Kommentit RSS-syötteenä. / TrackBack URI

Kirjoita kommentti

Jos kommenttisi ei heti lähettämisen jälkeen näy sivulla, se on jäänyt moderointijonoon ja ilmestyy, kunhan hyväksyn sen ensin. Tällä käytännöllä ei ole mitään tekemistä ennakkosensuurin kanssa, vaan kyse on roskakommenttien estämisestä. Niitä meinaan tulee satoja päivässä.

Sallitut XHTML-tagit: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>