Jei nuoroda atrodo kaip mygtukas, ar vis tiek reikėtų ją formatuoti kaip mygtuką?

Nuorodos (žymė <a>) naudojamos pereiti į kitą puslapį ar išteklių. Mygtukai (žymė <button>) atlieka veiksmus dabartiniame puslapyje, pvz., siųsti formą arba iškviesti JavaScript funkciją.

Jei elementas atlieka veiksmą, bet atrodo kaip nuoroda, jį reikėtų formatuoti kaip <button>. Atvirkščiai, jei elementas veda į kitą puslapį, bet atrodo kaip mygtukas, geriau naudoti <a>.

Prieinamumo požiūriu:

• Semanika: Ekrano skaitytuvai ir kitos pagalbinės technologijos naudoja žymų semantiką, kad suprastų elemento paskirtį. Mygtukas suvokiamas kaip interaktyvus elementas, kurį galima aktyvuoti, nuoroda — kaip navigacinis.
• Klaviatūros sąveika: Pagal numatytuosius nustatymus, mygtukai aktyvuojami klavišu Enter arba Space, nuorodos — tik Enter. Naudotojai, naršantys klaviatūra, tikisi tokio elgesio.
• Stilius ir JavaScript: Tinkamų žymų naudojimas palengvina stilių taikymą ir įvykių valdymą.

Pavyzdys, kaip nuoroda atrodo kaip mygtukas:

<a href="/page" class="button">Eiti į puslapį</a>

Pavyzdys, kaip mygtukas imituoja nuorodą (retai, bet įmanoma specifinėms UX sprendimams):

<button type="button" onclick="doSomething()" class="link">Vykdyti veiksmą</button>

Bendrai, laikykitės semantikos: nuorodos — navigacijai, mygtukai — veiksmams.