Roller Bir Şeyin Ne Olduğunu Tanımlar

Bir rol, yardımcı teknolojiye öğenin ne tür bir şey olduğunu söyler: düğme, sekme, uyarı veya iletişim kutusu. Yani “Bu nedir?” sorusunu yanıtlar.

Çoğu HTML etiketi, yerleşik bir örtük rol taşır. nav bir gezinme alanıdır, h1 bir başlıktır, button ise bir düğmedir.

Hiçbir yerel etiket uygun olmadığında, genel bir öğeye tanınan bir kimlik vermek için role özniteliğini elle ayarlarsınız.

Bileşen rolleri, bazen elle oluşturduğunuz etkileşimli şeyleri açıklar: tab, slider, switch, menuitem ve treeitem.

Bölge rolleri, sayfayı banner, main ve navigation gibi bölümlere ayırır; böylece kullanıcılar doğrudan istedikleri bölüme geçebilir.

Yapı rolleri, statik içeriği açıklar: heading, list, listitem ve figure. Bilgilerinizin biçimini belirtirler.

Bir öğe tek bir rol alır. Bir şeyi aynı anda hem düğme hem de bağlantı yapamazsınız; bu nedenle gerçek işlevine uyan kimliği seçin.

Rol seçmek bir sözleşme yapmaktır. role=tab, bu role bir tablist üst öğesi, klavye desteği ve bağlantılı bir tabpanel sağlamanız gerektiği anlamına gelir.

Zaten doğru role sahip bir öğeye asla rol eklemeyin. Gerçek bir düğmedeki gereksiz rol yalnızca gürültü ve risk oluşturur.

role=presentation, bir öğenin anlamsallığını kaldırır. Düzen amacıyla kullanılan bir tablo için yararlı, kullanıcıların anlaması gereken her şeyde ise tehlikelidir.

Önce rolü doğru belirleyin. Durumlar ve özellikler, ancak bağlanacakları öğenin açık bir kimliği olduğunda anlamlıdır.

Kullanıcıyı bölen özel bir açılır pencereyi bir div içine yerleştiriyorsunuz. Hangi rol uygundur?

Bir rolün öğenin ne olduğunu adlandırdığını öğrendiniz. Yerel örtük rolleri tercih edin, yalnızca gerektiğinde tek bir açık rol ekleyin ve bu rolün sözleşmesine uyun.