HTML5'te hangi öğeler ARIA özniteliklerini kullanabilir?

Praktik olarak, HTML5'in tüm standart öğeleri, yardımcı teknolojiler kullanıcıları için erişilebilirliği artırmak amacıyla ARIA özniteliklerini kullanabilir.

Bazı örnekler:

• Semantik yapı öğeleri: header, footer, nav, main, aside, article, section. Sayfa bölgelerinin rollerini tanımlamak için kullanılabilirler.
• Etkileşimli öğeler: button, a, input, select, textarea. aria-label, aria-describedby, aria-expanded ve diğer öznitelikleri alabilirler.
• Liste öğeleri: ul, ol, li. aria-setsize, aria-posinset kullanabilirler.
• Tablo öğeleri: table, tr, th, td. HTML5'in kendi erişilebilirlik öznitelikleri (scope, headers) olsa da, ARIA bunları tamamlayabilir.
• Form öğeleri: form, fieldset, legend.
• Multimedya öğeleri: img, audio, video. Tanımlayıcı öznitelikler (aria-label) alabilirler.

Bazı istisnalar vardır, örneğin:

• Başlangıçta gizli veya dekoratif olan öğeler (script, style, meta, link).
• DOM'da gösterilmeyen veya etkileşim için erişilebilir olmayan öğeler.

ARIA'yı yalnızca yerel HTML öznitelikleri yetersiz olduğunda kullanmak önemlidir ve "Yerel öğeleri mümkün olan en fazla kullanın" ilkesine uyulmalıdır. Aşırı veya yanlış ARIA kullanımı erişilebilirliği azaltabilir.