Bu ne?
WAI-ARIA “Web Erişilebilirlik Girişimi - Erişilebilir Zengin İnternet Uygulamaları” anlamına gelir . Körler için ekran okuyucular gibi yardımcı teknolojilerin HTML'ye özgü olmayan bazı şeyleri anlamasına yardımcı olmak için bir web sitesinin veya web uygulamasının anlambilimini geliştirmeye yardımcı olan bir dizi özelliktir. Açıklanan bilgiler, bir ekran okuyucusuna bir bağlantıyı veya düğmeyi etkinleştirmenin daha fazla öğe gösterdiğini veya gizlediğini söylemek kadar basit bir şeyden, tüm menü sistemleri veya hiyerarşik ağaç görünümleri kadar karmaşık widget'lara kadar değişebilir.
Bu, düzen veya tarayıcı işlevselliği üzerinde bir etkisi olmayan, ancak yardımcı teknolojiler için ek bilgiler sağlayan HTML 4.01 veya sonraki biçimlendirmeye roller ve durum nitelikleri uygulanarak gerçekleştirilir.
WAI-ARIA'nın bir köşe taşı rol özelliğidir. Tarayıcıya yardımcı teknolojiye kullanılan HTML öğesinin aslında öğe adının önerdiğini değil, başka bir şey olduğunu söylemesini söyler. Başlangıçta yalnızca bir div öğesi olsa da, bu div öğesi otomatik tamamlama öğelerinin bir listesi olabilir, bu durumda “liste kutusu” rolünün kullanılması uygun olur. Aynı şekilde, söz konusu kapsayıcı div öğesinin alt öğesi olan ve tek bir seçenek öğesi içeren başka bir div daha sonra “seçenek” rolünü almalıdır. İki div, ancak roller yoluyla, tamamen farklı bir anlam. Roller, yaygın olarak kullanılan masaüstü uygulaması meslektaşlarından sonra modellenir.
Bunun bir istisnası, söz konusu öğenin gerçek anlamını değiştirmeyen, ancak bir belgedeki bu belirli yer hakkında bilgi sağlayan belge dönüm noktası rolleridir.
İkinci köşe taşı WAI-ARIA devletleri ve özellikleridir. Belirli bir yerel veya WAI-ARIA öğelerinin durumunu, bir şeyin daraltılmış veya genişletilmiş, bir form öğesi gerekli, bir şeyin kendisine veya benzeri bir açılır menüye sahip olması gibi tanımlar. Bunlar genellikle dinamiktir ve bir web uygulamasının yaşam döngüsü boyunca değerlerini değiştirir ve genellikle JavaScript ile değiştirilir.
Ne değil?
WAI-ARIA'nın tarayıcı davranışını etkilemesi amaçlanmamıştır. Gerçek bir düğme öğesinden farklı olarak, örneğin, “düğme” rolünü üzerine koyduğunuz bir div, klavye odaklanabilirliği, üzerinde Boşluk veya Enter tuşuna basıldığında otomatik bir tıklama işleyicisi ve bir buton. Tarayıcının kendisi, “düğme” rolüne sahip bir divın bir düğme olduğunu bilmez, sadece erişilebilirlik API'si kısmı bunu yapar.
Sonuç olarak, bu, kesinlikle masaüstü uygulamalarından bilinen klavye gezinme, odaklanabilirlik ve diğer davranış kalıplarını uygulamanız gerektiği anlamına gelir. Burada bazı Gelişmiş ARIA tekniklerini bulabilirsiniz .
Ne zaman kullanmamalıyım?
Evet, bu doğru, önce bu bölüm geliyor! Çünkü WAI-ARIA'yı kullanmanın ilk kuralı: Kesinlikle gerekmedikçe kullanmayın! Ne kadar az WAI-ARIA'ya sahipseniz ve yerel HTML widget'larını kullanmaya ne kadar çok güvenebilirsiniz? Takip için biraz daha fazla kural vardır, onları kontrol edebilirsiniz burada .