Եթե հղումը նման է կոճակին, արդյոք այն պետք է ձևակերպել որպես կոճակ?

Հղումները (<a> թեգ) օգտագործվում են մյուս էջ կամ ռեսուրսին անցնելու համար: Կոճակները (<button> թեգ) իրականացնում են գործողություններ ընթացիկ էջում, օրինակ՝ ձևի ուղարկում կամ JavaScript ֆունկցիայի կանչում:

Եթե տարրը կատարում է գործողություն, բայց տեսք ունի որպես հղում, այն պետք է ձևակերպել որպես <button>: Ի հակառակը, եթե տարրը ուղղորդում է մյուս էջ, բայց տեսք ունի որպես կոճակ, ավելի լավ է օգտագործել <a>:

Աksesայինության տեսանկյունից՝

• Սեմանտիկա: Սքրինռիդերներն ու այլ օգնական տեխնոլոգիաներ օգտագործում են տեգերի սեմանտիկան՝ հասկանալու համար տարրի նշանակությունը: Կոճակը ընկալվում է որպես ինտերակտիվ տարր, որը կարող է ակտիվացվել, հղումը՝ որպես նավիգացիոն տարր:
• Կլավիատուրային փոխազդեցություն: Դեպի Enter կամ Space կոճակով ակտիվացվում է, հղումները՝ միայն Enter-ով: Օգտագործողները, ովքեր նավիգացնում են կլավիատուրայով, սպասում են այդ վարքագծին:
• Ստիլավորում և JavaScript: Ճիշտ տեգերի օգտագործումը հեշտացնում է ոճերի և իրադարձությունների կառավարումը:

Օրինակ՝ հղում, որը նման է կոճակին:

<a href="/page" class="button">Գնալ էջ</a>

Օրինակ՝ կոճակ, որը նման է հղումի (անհանդիսանալով հաճախ, բայց հնարավոր է հատուկ UX լուծումների համար):

<button type="button" onclick="doSomething()" class="link">Կատարել գործողություն</button>

Ընդհանուր առմամբ՝ հետևեք սեմանտիկային՝ նավիգացիայի համար հղումներ, գործողությունների համար՝ կոճակներ։