Ja saite izskatās kā poga, vai tai tomēr būtu jāformatē kā poga?

Saites (tag <a>) izmanto, lai pārietu uz citu lapu vai resursu. Pogas (tag <button>) veic darbības pašreizējā lapā, piemēram, nosūta formu vai izsauc JavaScript funkciju.

Ja elements veic darbību, bet izskatās kā saite, tam jābūt formatētam kā <button>. Gluži pretēji, ja elements ved uz citu lapu, bet izskatās kā poga, labāk izmantot <a>.

Acses nodrošināšanas nolūkos:

• Semantika: Ekrāna lasītāji un citas palīgtehnoloģijas izmanto tagu semantiku, lai saprastu elementa funkciju. Poga tiek uztverta kā interaktīvs elements, ko var aktivizēt, saite — kā navigācijas elements.
• Tastatūras mijiedarbība: Poga pēc noklusējuma aktivizējas ar Enter vai Space, saites — tikai ar Enter. Lietotāji, kas navigē ar tastatūru, gaida šādu uzvedību.
• Stils un JavaScript: Pareizu tagu izmantošana atvieglo stilu piemērošanu un notikumu apstrādi.

Piemērs — saite, kas izskatās kā poga:

<a href="/page" class="button">Iet uz lapu</a>

Piemērs — poga, kas imitē saiti (retāk, bet iespējams specifiskiem UX risinājumiem):

<button type="button" onclick="doSomething()" class="link">Veikt darbību</button>

Kopumā ievērojiet semantiku: saites — navigācijai, pogas — darbībām.