Pokud odkaz vypadá jako tlačítko, měl by být přesto formátován jako tlačítko?

Odkazy (tag <a>) se používají k přechodu na jinou stránku nebo zdroj. Tlačítka (tag <button>) provádějí akce na aktuální stránce, například odeslání formuláře nebo volání JavaScriptové funkce.

Pokud prvek provádí akci, ale vypadá jako odkaz, měl by být formátován jako <button>. Naopak, pokud prvek odkazuje na jinou stránku, ale vypadá jako tlačítko, je lepší použít <a>.

Zdůvodnění z hlediska přístupnosti:

• Sémantika: Čtečky obrazovky a další asistivní technologie používají sémantiku značek k pochopení účelu prvku. Tlačítko je vnímáno jako interaktivní prvek, který lze aktivovat, odkaz jako navigační.
• Interakce přes klávesnici: Tlačítka se standardně aktivují klávesou Enter nebo Space, odkazy pouze Enter. Uživatelé, kteří navigují pomocí klávesnice, očekávají toto chování.
• Stylování a JavaScript: Použití správných značek usnadňuje aplikaci stylů a obsluhu událostí.

Příklad odkazu jako tlačítka:

<a href="/page" class="button">Přejít na stránku</a>

Příklad tlačítka napodobujícího odkaz (zřídka, ale možné pro specifická UX řešení):

<button type="button" onclick="doSomething()" class="link">Proveď akci</button>

Obecně dodržujte sémantiku: odkazy pro navigaci, tlačítka pro akce.