İçerik
Bu makale ilk olarak web tasarımcıları ve geliştiricileri için dünyanın en çok satan dergisi olan .net dergisinin 231. sayısında yayınlandı.
Bir Kullanıcı Arabirimi (UI) widget'ı oluşturduğunuzda, büyük olasılıkla HTML öğelerinden oluşan bir bileşiktir. Genel olarak konuşursak, bir kullanıcının widget'ın ne yaptığını veya görünümüne veya sunduğu kontrollere bağlı olarak sayfada hangi rolü oynadığını hesaplaması kolaydır. Bu bütüncül bakış açısı, yardımcı teknolojiler (AT'ler) için açık değildir ve bu (elbette) ARIA'nın devreye girdiği yerdir.
ARIA veya Erişilebilir Zengin İnternet Uygulamaları tam adını vermek için, pencere aracınıza bir rol vermek için kullanılabilir. Ya da başka bir açıdan bakarsak, AT'lere tek bir varlıkmış gibi HTML öğeleri paketiniz hakkında bir şeyler söylemek için ARIA rollerini kullanabilirsiniz.
ARIA 1.0 spesifikasyonu, bir rol sınıflandırması içerir. Dört üst düzey kategoride gruplandırılmış 73 farklı rolün özelliklerini ve özelliklerini açıklar.
İlk kategori 12 soyut rolü tanımlar. Soyut sınıfların programlama sırasında asla somutlaştırılmaması gibi, soyut roller kodunuzda asla kullanılmamalıdır. Kavramsal düzeyde farklı rol türlerini tanımlarlar ve bu nedenle yalnızca taksonominin kendi içinde kullanılırlar.
Roller
Bir soyut rol diğerlerinden ayrıdır. Rol (soyut rol), taksonomideki diğer tüm rollerin miras aldığı temel roldür. Diğer soyut roller arasında girdi (soyut rol), dönüm noktası (soyut rol) ve pencere öğesi (soyut rol) bulunur.
Örnek olarak widget'ı (soyut rol) alalım. Sınıflandırmadaki diğer tüm pencere öğesi rollerinin altında bulunduğu bir şemsiye rolünü açıklar. ARIA spesifikasyonunda şu şekilde açıklanmaktadır:
"Bir Grafik Kullanıcı Arayüzünün (GUI) etkileşimli bir bileşeni. Widget'lar, kullanıcının etkileşim kurabileceği ayrı kullanıcı arayüzü nesneleridir. "
Bu, 34 pencere öğesi rolünü tanımlayan bir sonraki kategoriye düzgün bir şekilde götürür. Widget'lar, bağımsız olarak kullanılabilen veya daha karmaşık UI bileşenleri oluşturmak için birleştirilebilen etkileşimli kontrollerdir. Bu rollerden dokuzu, daha karmaşık kontroller oluşturmak için diğer widget'ları kapsüllemek için kullanılabilecek kapsayıcıları tanımlar.
Widget'lar
Kalan 25 rol, bağımsız olarak veya karmaşık bir bileşik kontrolün parçası olarak kullanılabilen widget'ları tanımlar. Örneğin, tablist rolüne sahip bir öğe, sekme rolüne sahip birden çok öğe içerebilir. Tablo paneli rolüne sahip karşılık gelen bir dizi öğe ile birlikte kullanıldıklarında, bileşik sekmeli bir arabirim oluşturmak için birleşirler. Uyarı, onay kutusu veya diyalog gibi rollere sahip öğeler de daha karmaşık bir UI kontrolünün parçası olabilir veya tek başlarına durabilirler.
Üçüncü kategori, 18 belge yapısı rolünü tanımlar. Bu roller, başlık, liste ve araç çubuğu gibi tipik içerik oluşumlarını açıklar. Widget rollerinden farklı olarak, belge yapısı rolleri bir kural olarak etkileşimli değildir.
Son kategori, sekiz dönüm noktası rolünü tanımlar. AT'lerin gezinmek için kullanabilecekleri yer işaretleri sağlayarak bir web sayfasının farklı bölümlerine uygulanabilir. Bu kategorideki roller arasında başlık, ana ve gezinme bulunur.
Creative Bloq'ta tasarımcılar için en iyi 20 tel çerçeve oluşturma aracını keşfedin.
