Veebilehe kujundamisel ja sisu haldamisel tekib sageli küsimus: millal kasutada linki ja millal nuppu? Kuigi need võivad sarnased välja näha, on nende tähendus ja kasutusviis erinevad. Õige valik muudab lehe arusaadavamaks, ligipääsetavamaks ja kasutajasõbralikumaks.
Link juhatab edasi
Link (<a>) on mõeldud liikumiseks – see viib kasutaja teisele lehele, alamlehele või konkreetsele ankrule sama lehe sees.
👉 Kui klõpsamisel muutub leht või aadress, kasuta linki.
Nupp teeb midagi
Nupp (<button>) on mõeldud tegevuste käivitamiseks – näiteks vormi saatmiseks, menüü avamiseks, keele vahetamiseks või sisu kuvamiseks ilma lehte vahetamata.
👉 Kui klõpsamisel midagi juhtub samal lehel, kasuta nuppu.
Kuidas eristada erinevaid linke?
Kõik lingid ei vii samasse kohta ega käitu ühtemoodi. Kasutaja jaoks on oluline aru saada, mis teda klõpsamisel ees ootab. Seetõttu on soovitatav eri tüüpi linke ka visuaalselt või tekstiliselt eristada.
Välislehele viiv link
See link viib kasutaja sinu veebist välja – näiteks teise organisatsiooni, teenuse või partneri lehele.
Soovitatav on lisada märge või väike ikoon, mis näitab, et link avaneb uues aknas.
Näide:
E-teenused (avaneb uues aknas)
E-teenused
NB! Kindlasti ei tohi unustada lisada lingile ka atribuuti ‘avaneb uues aknas’. Ekraanilugejad loevad sellise lingi ette sõnadega „avaneb uuel vahekaardil“ või „avaneb uues aknas“, kui link on korrektselt tähistatud. See aitab kasutajal mõista, et ta ei jää samale lehele.
Sama saidi sisene link
Selline link viib kasutaja sama lehe teise ossa, näiteks kontaktivormi, galeriisse või tekstiplokki, või mõnele teisele alamlehele.
Kasutaja ei lahku saidilt, vaid liigub sujuvalt sisu sees, ja ekraanilugeja jääb samasse konteksti.
Selline link avaneb kindlasti samal vahekaardil ja sellele enamasti eritähistust ei lisata.
PDF-i või muu faili link
Kui link viib faili (nt PDF, DOCX, XLSX) allalaadimiseni, tuleks seda samuti selgelt näidata.
Lisa lingi lõppu faili tüüp ja maht, et kasutaja teaks, mis teda ootab. Või allalaadimist tähistav ikoon.
Näide:
Taotlusvorm (PDF, 1.2 MB)
Taotlusvorm
Ekraanilugeja teatab, et link viib faili avamiseni, kui faili tüüp on lingis või tekstis selgelt kirjas.
Miks see vahe on oluline
- Ligipääsetavus: ekraanilugejad ja klaviatuurikasutajad saavad aru, kas tegemist on liikumise või tegevusega ning kas link avaneb samas või uues aknas.
- Selgus ja ootuspärasus: kasutaja teab, kas klõpsamine viib mujale või teeb midagi kohapeal.
- Analüütika ja SEO: korrektsed elemendid aitavad otsingumootoritel ja analüütikal paremini mõista saidi struktuuri ja kasutajakäitumist.
Kokkuvõte
- Kui vajutus viib mujale, kasuta linki.
- Kui vajutus teeb midagi, kasuta nuppu.
Õigesti kasutatud lingid ja nupud loovad loogilise, ligipääsetava ja kasutajasõbraliku veebilehe, mis toimib hästi kõigil seadmetel ja kõigile kasutajatele.
Enne uue lingi või nupu lisamist kontrolli:
Kas link viib mujale või teeb midagi?
Kui viib mujale – tee link. Kui teeb midagi – tee nupp.
Kas on selge, kuhu link viib?
Lisa vajadusel viide faili tüübile või märge „avaneb uues aknas“.
Kas link avaneb samas või uues aknas?
Kui uues, lisa vastav märge ja teavita kasutajat.