HTML5-ის რომელ ელემენტებს შეუძლიათ გამოიყენონ ARIA ატრიბუტები?

პრაქტიკულად ყველა სტანდარტული HTML5 ელემენტი შეიძლება გამოიყენოს ARIA ატრიბუტები, რათა გაუმჯობესდეს ინვალიდი ტექნოლოგიების მომხმარებლებისთვის ხელმისაწვდომობა.

ზოგიერთი მაგალითი:

• სემანტიკური სტრუქტურის ელემენტები: header, footer, nav, main, aside, article, section. შეიძლება გამოყენებულ იქნას გვერდის ზონების როლების განსაზღვრად.
• ინტერაქტიული ელემენტები: button, a, input, select, textarea. შეიძლება მიიღოს ატრიბუტები, როგორიცაა aria-label, aria-describedby, aria-expanded და სხვა.
• სია ელემენტები: ul, ol, li. შეიძლება გამოიყენოს aria-setsize, aria-posinset.
• ცხრილის ელემენტები: table, tr, th, td. მიუხედავად იმისა, რომ HTML5-ის აქვს საკუთარი ატრიბუტები ცხრილების ხელმისაწვდომობისთვის (scope, headers), ARIA-ს შეუძლია მათ შეავსოს.
• ფორმის ელემენტები: form, fieldset, legend.
• მულტიმედია ელემენტები: img, audio, video. შეიძლება მიიღოს აღწერითი ატრიბუტები (aria-label).

არსებობს გამონაკლისები, მაგალითად:

• ელემენტები, რომლებიც თავდაპირველად დამალულია ან დეკორატიულია (script, style, meta, link).
• ელემენტები, რომლებიც არ ჩანს DOM-ში ან არ არის ხელმისაწვდომი ინტერაქციისთვის.

მნიშვნელოვანია გამოიყენოთ ARIA მხოლოდ მაშინ, როდესაც ნატიური HTML ატრიბუტები არასაკმარისია, და დაიცვათ პრინციპი "გამოიყენეთ ნატიური ელემენტები, როდესაც ეს შესაძლებელია". ARIA-ს გადაჭარბებული ან არასწორი გამოყენება შეიძლება გააუარესოს ხელმისაწვდომობა.