Ne anlama gelir?
ARIA Etiketleri (Accessible Rich Internet Applications), ekran okuyucular gibi yardımcı teknolojilere ek anlam ve bağlam sağlayan HTML öznitelikleridir. Özellikle dinamik ve karmaşık arayüzlerde erişilebilirliği güçlendirir.
Ne işe yarar?
- Anlamsız öğelere rol kazandırır (role="button")
- Durumları bildirir (aria-expanded, aria-hidden)
- Etiketsiz öğelere isim verir (aria-label)
Altın kural
"Hiç ARIA, kötü ARIA'dan iyidir." Önce doğru anlamsal HTML (button, nav) kullanılmalı; ARIA yalnızca yerel HTML yetmediğinde, tamamlayıcı olarak eklenmelidir.
Ne yapmalı?
Önce anlamsal HTML'e yaslanın; ARIA'yı yalnızca gerçekten gerekli olduğunda ve doğru biçimde kullanın. Yanlış ARIA, hiç olmamasından daha kötü bir deneyim yaratabilir.
Ne anlama gelir?
ARIA etiketleri (ARIA Labels / WAI-ARIA), web sayfalarındaki öğelere, yardımcı teknolojilerin (özellikle ekran okuyucuların) bu öğeleri doğru anlaması için ek anlam ve bilgi ekleyen özniteliklerdir. ARIA (Accessible Rich Internet Applications), özellikle standart HTML'in yetersiz kaldığı karmaşık, etkileşimli arayüz öğelerinin (menüler, sekmeler, açılır pencereler) erişilebilir olmasını sağlar. ARIA etiketleri, erişilebilirliğin önemli bir teknik aracıdır.
ARIA ne sağlar?
- Öğelere ekran okuyucular için anlam ekler
- Karmaşık arayüz öğelerini erişilebilir kılar
- Öğe rollerini ve durumlarını bildirir
- Standart HTML'in yetersiz kaldığı yerleri tamamlar
Nasıl doğru kullanılır?
ARIA etiketleri, özellikle karmaşık ve etkileşimli arayüz öğelerinin ekran okuyucu kullanan kullanıcılar için anlaşılır olmasını sağlar. Örneğin bir açılır menü, bir sekme grubu veya bir modal pencere, standart HTML ile ekran okuyuculara net biçimde iletilemeyebilir; ARIA etiketleri bu öğelere rol (bu bir menüdür), durum (bu açık/kapalı) ve etiket (bu butonun amacı) gibi bilgiler ekleyerek yardımcı teknolojilerin onları doğru yorumlamasını sağlar. Ancak ARIA'nın doğru kullanılması kritiktir. En önemli ilke, "önce doğru HTML" ilkesidir; mümkün olduğunda, anlamsal HTML öğelerini (button, nav, header gibi) kullanmak, ARIA eklemekten daha iyidir, çünkü bu öğeler zaten erişilebilirdir. ARIA, yalnızca standart HTML'in yetersiz kaldığı durumlarda, ek bir katman olarak kullanılmalıdır; gereksiz veya yanlış ARIA kullanımı, aslında erişilebilirliği bozabilir. İkinci ilke, ARIA'nın doğru ve tutarlı kullanılmasıdır; yanlış rol veya durum bildirmek, ekran okuyucu kullanıcılarını yanıltır. ARIA etiketleri, doğru kullanıldığında, karmaşık web uygulamalarını ve etkileşimli öğeleri erişilebilir kılmanın güçlü bir aracıdır. SEO açısından ARIA doğrudan bir faktör olmasa da, erişilebilir ve iyi yapılandırılmış bir site genel olarak hem kullanıcılar hem arama motorları için daha iyidir. ARIA, erişilebilirliğin ileri düzey bir teknik bileşenidir ve özellikle etkileşimli, JavaScript ağırlıklı arayüzlerde önemlidir. Doğru kullanılan ARIA, engelli kullanıcıların karmaşık web arayüzlerini de sorunsuz kullanabilmesini sağlar.
Gerçek örnek
Bir sitenin karmaşık açılır menüsü ve modal pencereleri, ekran okuyucu kullanan görme engelli kullanıcılar için anlaşılmıyordu; öğelerin ne olduğu ve durumu iletilmiyordu. Uygun ARIA etiketleri (rol, durum, etiket) eklendiğinde, bu etkileşimli öğeler ekran okuyucular tarafından doğru yorumlanabildi ve erişilebilir hale geldi.
Özet
ARIA etiketleri, web öğelerine yardımcı teknolojiler (ekran okuyucular) için ek anlam ve bilgi ekleyen özniteliklerdir; özellikle karmaşık, etkileşimli öğeleri erişilebilir kılar. "Önce doğru HTML" ilkesiyle, yalnızca standart HTML'in yetersiz kaldığı yerde kullanılmalıdır; doğru kullanım erişilebilirliğin güçlü bir aracıdır.