თუ ბმული ღილაკს ჰგავს, უნდა განვათავსოთ იგი მაინც როგორც ღილაკი?

ლინკები (<a> ტეგი) გამოიყენება სხვა გვერდზე ან რესურსზე გადასასვლელად. ღილაკები (<button> ტეგი) ასრულებენ მოქმედებებს მიმდინარე გვერდზე, მაგალითად, ფორმის გაგზავნა ან JavaScript ფუნქციის გამოძახება.

თუ ელემენტი ახორციელებს მოქმედებას, მაგრამ გამოიყურება როგორც ლინკი, მას უნდა მიენიჭოს <button> სტატუსი. პირიქით, თუ ელემენტი მიდის სხვა გვერდზე, მაგრამ გამოიყურება როგორც ღილაკი, უკეთესია გამოიყენოთ <a>.

საწვდომობის თვალსაზრისით:

• სემანტიკა: ეკრანული სკანერები და სხვა ტექნოლოგიები იყენებენ ტეგების სემანტიკას ელემენტის მიზნის გასაგებად. ღილაკი აღიქმება როგორც ინტერაქტიული ელემენტი, რომელიც შეიძლება გააქტიურდეს, ლინკი — როგორც ნავიგაციის ელემენტი.
• კლავიშურით ინტერაქცია: ჩვეულებრივ, ღილაკები აქტივირდება Enter ან Space კლავიშით, ლინკები — მხოლოდ Enter-ით. კლავიშურით ნავიგატორები ელოდებიან ასეთ ქცევას.
• სტილიზაცია და JavaScript: სწორი ტეგების გამოყენება ამარტივებს სტილების და მოვლენის დამუშავების პროცესს.

მაგალითი — ლინკი, როგორც ღილაკი:

<a href="/page" class="button">საიტზე გადასვლა</a>

მაგალითი — ღილაკი, რომელიც იმიტირებს ლინკს (საკმაოდ იშვიათია, მაგრამ შესაძლებელია სპეციფიკური UX გადაწყვეტილებებისთვის):

<button type="button" onclick="doSomething()" class="link">მოქმედების შესრულება</button>

საერთო წესია, მიჰყევით სემანტიკას: ლინკები — ნავიგაციისთვის, ღილაკები — მოქმედებისთვის.