Ak odkaz vyzerá ako tlačidlo, mal by sa aj tak formátovať ako tlačidlo?

Odkazy (tag <a>) sa používajú na presun na inú stránku alebo zdroj. Tlačidlá (tag <button>) vykonávajú akcie na aktuálnej stránke, ako je odoslanie formulára alebo volanie JavaScript funkcie.

Ak prvok vykonáva akciu, ale vyzerá ako odkaz, mal by byť formátovaný ako <button>. Naopak, ak prvok vedie na inú stránku, ale vyzerá ako tlačidlo, je lepšie použiť <a>.

Zdôvodnenie z hľadiska prístupnosti:

• Sémantika: Čítačky obrazovky a iné asistenčné technológie používajú sémantiku tagov na pochopenie účelu prvku. Tlačidlo je vnímané ako interaktívny prvok, ktorý je možné aktivovať, odkaz ako navigačný prvok.
• Interakcia cez klávesnicu: Predvolene sa tlačidlá aktivujú klávesom Enter alebo Space, odkazy iba Enter. Používatelia, ktorí navigujú pomocou klávesnice, očakávajú takéto správanie.
• Stilovanie a JavaScript: Použitie správnych tagov uľahčuje aplikáciu štýlov a spracovanie udalostí.

Príklad odkazu ako tlačidla:

<a href="/page" class="button">Prejsť na stránku</a>

Príklad tlačidla, ktoré napodobňuje odkaz (zriedkavé, ale možné pre špecifické UX riešenia):

<button type="button" onclick="doSomething()" class="link">Vykonať akciu</button>

Všeobecne, dodržiavajte sémantiku: odkazy na navigáciu, tlačidlá na akcie.