ARIA
ARIA, yardımcı teknolojilere arayüzün rol, durum ve özellik bilgilerini ekler. Belirtilen davranışın ayrıca gerçekten uygulanması gerekir.
Yardımcı teknolojilere anlam aktarmak
ARIA, Accessible Rich Internet Applications ifadesinin kısaltmasıdır. İlgili roller ve nitelikler, kontroller hakkında yardımcı teknolojilere bilgi aktarabilir. Örneğin aria-expanded="false", ilgili açılır bölümün kapalı olduğunu belirtir.
Örnek bir portalda “Diğer fatura ayrıntıları” düğmesi bu niteliği taşır. Bölüm açıldığında değer true olur ve ilgili içerik görünür. Değer değişmezse ekran okuyucu, arayüzün gösterdiğinden farklı bir durum bildirebilir.
ARIA kendiliğinden tıklama davranışı veya klavye kullanımı eklemez. role="button" verilen bir div, bu nedenle otomatik olarak çalışan bir düğmeye dönüşmez. Uygun yerel HTML öğelerini kullanın; eksik bilgiyi gereken yerde ARIA ile tamamlayın. Yanlış bilgiler kullanımı zorlaştırabilir.
Kaynaklar
İlgili terimler
- Anlamsal HTMLAnlamsal HTML, öğeleri anlamlarına göre kullanır. Gerçek bir düğme, düğme gibi biçimlendirilmiş metin bloğundan farklı özellikler taşır.
- Ekran okuyucuEkran okuyucu, dijital içeriği ses veya Braille üzerinden kullanılabilir kılar. Anlamlı yapı ve etiketler, etkileşimin anlaşılmasını sağlar.
- Klavye ile kullanılabilirlikKlavye ile kullanılabilirlik, görevleri fare olmadan tamamlamayı sağlar. Eylemlere erişim ve anlaşılır gezinme sırası birlikte önem taşır.
- Odak sırasıOdak sırası, odaklanabilir öğeler arasındaki yolu belirler. Dinamik değişikliklerde de anlamı ve kullanılabilirliği korumalıdır.
- Odak tuzağıOdak tuzağında klavye kullanımı bir alanın içinde sıkışır. Diyalogdaki bilinçli odak sınırlamasının klavyeyle kullanılabilir bir çıkışı olmalıdır.
- Ana içeriğe geçiş bağlantısıGeçiş bağlantısı, tekrarlanan gezinme alanını atlayarak ana içeriğe götürür. Sonraki klavye adımının da doğru yerde devam etmesi gerekir.
Bu konudaki yazılar
ASES ile Tasarım ve UX
Kullanıcı deneyimi, arayüz ve marka tasarımı