Ako link izgleda kao dugme, treba li ga ipak formatirati kao dugme?

Linkovi (tag <a>) se koriste za preusmeravanje na drugu stranicu ili resurs. Dugmići (tag <button>) izvršavaju radnje na trenutnoj stranici, kao što je slanje forme ili pozivanje JavaScript funkcije.

Ako element izvršava radnju, ali izgleda kao link, treba ga formatirati kao <button>. Obrnuto, ako element vodi na drugu stranicu, ali izgleda kao dugme, bolje je koristiti <a>.

Objašnjenje sa aspekta pristupačnosti:

• Semantika: Čitači ekrana i druge pomoćne tehnologije koriste semantiku tagova za razumevanje namene elementa. Dugme se percipira kao interaktivni element koji se može aktivirati, link kao navigacioni.
• Interakcija putem tastature: Po default-u, dugmići se aktiviraju tasterom Enter ili Space, linkovi samo Enter. Korisnici koji koriste tastaturu očekuju takvo ponašanje.
• Stilizacija i JavaScript: Korišćenje pravih tagova olakšava primenu stilova i rukovanje događajima.

Primer linka kao dugmeta:

<a href="/page" class="button">Idi na stranicu</a>

Primer dugmeta koje imituje link (retko, ali moguće za specifična UX rešenja):

<button type="button" onclick="doSomething()" class="link">Izvrši radnju</button>

Uopšteno, pridržavajte se semantike: linkovi za navigaciju, dugmići za radnje.