HTML5-də hansı elementlər ARIA atributlarından istifadə edə bilər?

Praktik olaraq, HTML5-in bütün standart elementləri köməkçi texnologiyalar istifadəçiləri üçün əlçatanlığı yaxşılaşdırmaq üçün ARIA atributlarından istifadə edə bilər.

Bəzi nümunələr:

• Semantik struktur elementləri: header, footer, nav, main, aside, article, section. Səhifə zonalarının rollarını təyin etmək üçün istifadə edilə bilər.
• İnteraktiv elementlər: button, a, input, select, textarea. aria-label, aria-describedby, aria-expanded və digər atributları ala bilər.
• Siyahı elementləri: ul, ol, li. aria-setsize, aria-posinset istifadə edə bilər.
• Cədvəl elementləri: table, tr, th, td. HTML5-in öz atributları olsa da, ARIA onları tamamlayır.
• Form elementləri: form, fieldset, legend.
• Multimedia elementləri: img, audio, video. Təsviri atributlar ala bilər (aria-label).

Bəzi istisnalar mövcuddur, məsələn:

• Əvvəlcədən gizli və ya dekorativ elementlər (script, style, meta, link).
• DOM-da göstərilməyən və ya qarşılıqlı əlaqə üçün əlçatan olmayan elementlər.

ARIA-dan yalnız yerli HTML atributları kifayət etmədikdə istifadə etmək vacibdir və "Ən çox yerli elementlərdən istifadə edin" prinsipinə riayət etmək lazımdır. ARIA-nın çox istifadəsi və ya düzgün olmayan istifadəsi əlçatanlığı pisləşdirə bilər.