Erişilebilirlik: Özel Web Uygulamalarına ARIA Öznitelikleri Ekleme

3 dakikalık okuma
ARIA öznitelikleri, ekran okuma uygulamaları gibi yardımcı teknolojilere ögelerin tanımları hakkında ek bilgi sağlar. Sitenizdeki özel ögelere veya uygulamalara ARIA öznitelikleri eklemek isteyebilirsiniz.
ARIA öznitelikleri, özel öge ve uygulamaların ögenin yerel HTML'i ile erişilebilir hale getirilemedikleri durumlarda hangi yollarla erişilebilir hale getirilebileceklerini tanımladığı için önemlidir.
Önemli:
Bu özellik, ARIA öznitelikleri gerektiren özel uygulamalara / ögelere sahip kullanıcılar içindir. Sitenizde bu uygulama veya ögeler yoksa ARIA özniteliklerini düzenlemeniz gerekmez.

ARIA Öznitelikleri Ekleme

Editör'deki çoğu öge için ARIA özniteliklerini zaten sabit kodladık. Bununla birlikte özel uygulamalar oluşturduysanız erişilebilirlik sağlamak adına kendi ARIA özniteliklerinizi eklemek isteyebilirsiniz.

Şu ögelere ARIA Öznitelikleri ekleyebilirsiniz:

Öge
Özellikler
Mesaj Kutuları
Etiket
Metin 
Konteyner Kutu
label, tabindex, role [region, group, none, status, alert], live, relevant, atomic, current, controls, hidden
Şerit
label, tabindex, role [heading, status, alert], live, atomic, hidden, current
Tekrarlayıcı
label, role [heading, status, alert]
Metin Düğmesi
tabindex, pressed, expanded, haspopup
Daha fazla ögeye ARIA öznitelikleri ekleme imkanı tanımak için çalışmalarımızı sürdürüyoruz. ARIA öznitelikleri hakkında belirli talepleriniz varsa [bize ulaşın. 

ARIA Özniteliklerinizi Düzenleme

Özel uygulamalara öznitelik ekledikten sonra bu öznitelikleri Erişilebilirlik simgesiyle dilediğiniz zaman düzenleyebilir ve güncelleyebilir. Bu simge, öznitelikleri bağladığınız ögelere otomatik olarak eklenebilir.

Özniteliği düzenlemek için:

  1. Site oluşturucunuzdan ögeyi / uygulamayı seçin.
  2. Erişilebilirlik simgesini seçin.
  3. İlgili özniteliğin üzerine gelin ve Daha Fazla Göster simgesini seçin.
  4. Düzenle'yi seçin.
  5. İlgili değişiklikleri yapın ve Kaydet'i seçin.

ARIA Öznitelikleri Türleri

Öznitelik Adı
Kategori
Jetonlar
tabindex

0, -1
Rol

token: temel ögedeki tanımına göre
aria-level

int
aria-live
Canlı
token: polite, assertive
aria-multiline 
Açıklama
true, false
aria-multiselectable
Açıklama
true, false
aria-pressed
Bölge
true, false
aria-relevant
Canlı
token: all, additions, removals, text
aria-activedescendant
ilişkiler
ID_REF
aria-atomic
Canlı
true, false
aria-autocomplete
Açıklama
true, false
aria-controls
ilişkiler
ID_REF
aria-current
Bölge
step, page, true, false
aria-describedby
ilişkiler
ID_REF (boşlukla ayrılan ögeler)
aria-expanded

true, false
aria-haspopup
ilişkiler
dialog, menu, true, false
aria-hidden

true, false
aria-invalid
Bölge
true, false
aria-label

string
aria-labelledby 
ilişkiler
ID_REF (boşlukla ayrılan ögeler)
Önemli:
Gelişmiş erişilebilirlik ayarlarını istediğiniz zaman kapatabilirsiniz. ARIA öznitelikleri silinmeyecektir.

Bu içerik yardımcı oldu mu?

|