Agar havola tugma kabi ko'rinsa, uni ham tugma sifatida formatlash kerakmi?

Linklər (tag <a>) başqa səhifəyə və ya resursa keçid üçün istifadə olunur. Düymələr (tag <button>) cari səhifədə əməliyyatlar yerinə yetirir, məsələn, formanın göndərilməsi və ya JavaScript funksiyasının çağırılması.

Əgər element əməliyyat həyata keçirirsə, amma link kimi görünürsə, onu <button> kimi tərtib etmək lazımdır. Əksinə, əgər element başqa səhifəyə yönəldirsə və düymə kimi görünürsə, <a> istifadə etmək daha yaxşıdır.

Əlçatanlıq baxımından əsaslandırma:

• Semantika: Ekran oxuyucuları və digər köməkçi texnologiyalar elementin məqsədini anlamaq üçün tagların semantikasından istifadə edir. Düymə interaktiv element kimi qəbul edilir, link isə naviqasiya üçün.
• Klaviatura ilə qarşılıqlı əlaqə: Əsasən, düymələr Enter və ya Space ilə aktivləşdirilir, linklər isə yalnız Enter ilə. Klaviatura istifadəçiləri bu davranışı gözləyirlər.
• Stil və JavaScript: Doğru tagların istifadəsi stil və hadisə idarəedicilərinin tətbiqini asanlaşdırır.

Link kimi görünən düymənin nümunəsi:

<a href="/page" class="button">Səhifəyə keç</a>

Linki təqlid edən düymənin nümunəsi (nadir hallarda, lakin xüsusi UX həlləri üçün mümkündür):

<button type="button" onclick="doSomething()" class="link">Əməliyyatı yerinə yetir</button>

Ümumiyyətlə, semantikaya riayət edin: naviqasiya üçün linklər, əməliyyatlar üçün düymələr.