Markup Aria nedir?- Yeni başlayan rehber

Ekran okuyucuları olmadan, görme bozukluğu olan kişiler bilgisayarları ve interneti kullanmakta zorluk çekecek veya hiç kullanamazlar. Markup Aria, bu aracın işlev görme biçiminde büyük bir rol oynar. Bu, ek bilgiler sağlar, onlara daha fazla seçenek ve onlar tarafından görülmemesi gereken UI parçalarıyla etkileşim kurma yeteneği sağlar. Ancak Aria tam olarak nedir ve web sitenizi girerek nasıl geliştirebilirsiniz? Bu spesifikasyonların ve nasıl çalıştığı hakkında kısa bir açıklama yapalım. Aria nedir? ARIA, erişilebilir zengin internet uygulamalarının kısaltmasıdır. Bu, web sayfalarının nasıl düzenlendiği ve içinde ne olduğu hakkında ek bir bağlam sağlayan bir dizi özelliktir. Başka bir deyişle, UI bölümü hakkında açılır uyarı, menüler veya hatta sayfanın tüm bölümleri gibi daha fazla bilgi sağlarlar. Tarayıcı geliştiricileri olan web siteleri gördüyseniz, daha önce görmüş olabilirsiniz. Mozilla belgelerini atıfta bulunarak: “Tamamlayıcı Tengara rolü, ana içerikle ilgili destekleyici parçaları belirlemek için kullanılır, ancak ayrıldığında yalnız kalabilir.” Yani, temel olarak, bu işaretleme ekran okuyucunun ele aldıkları düzeni bilmesini sağlar. Sonuç olarak, Aria, ön uçtaki görünümü veya eylemi değiştirmeden erişilebilen bir arayüz ve widget yapmanıza izin verir. Çoğu insan işaretlemenin varlığını bile bilemez. Ancak küçük bir kod ekleyin ve ekran okuyucu arayüzünüzle sorunsuz bir şekilde etkileşime girebilir.
Aria gerçekten ne zaman gerekli? Varsayılan olarak, ekran okuyucuları çoğu HTML ve HTML5 öğesini anlayabilir. Çok basit bir statik siteniz varsa, Aria’yı hiç uygulamanız gerekmeyebilir. Ancak JavaScript, Dinamik ve Etkileşimli bazı unsurlar ekran okuyucuları tarafından görülemez ve işaretlemenin girdiği yerdir. Öte yandan, tanımladığınız şey erişilebildiğinde ARIA’yı kullanmamalısınız. Örneğin, html öğesi ekran okuyucuları tarafından tanınır. Düğme Aria rolüne gerek yok. Rolü yalnızca yardımcı cihazlar tarafından desteklenen HTML öğelerini kullanmadığı zaman ekleyebilirsiniz.
Aynı tonda, teknik olarak tamamlayıcının rolünü üst asit elementine eklemem gerekmiyor çünkü her ikisi de aynı şeyi tanımlıyor. Ancak, bu işaretlemeyi yukarıdaki gibi sık bulursunuz. Hala kafası karıştı mı? Aria’nın nasıl çalıştığı hakkında daha fazla konuşalım. Aria işlerini anlamak Aria ile çok karmaşık olabilir ve bunalması kolay olabilir. Ancak temelleri yok etmek oldukça kolaydır. Anladıktan sonra, daha gelişmiş kavramlar öğrenmek çok kolay olacaktır. Markup Aria üç özellikten oluşur: roller, durum ve mülk. Aria’nın rolü Rol, sayfadaki düğmeler ve onay kutuları gibi öğeleri belirler. Ekran okuyucularının sayfanın ne yapıldığını bilmesine yardımcı olurlar ve dört farklı alt kategorileri vardır: kara arkadaşı, belgeler, widget’lar ve soyut roller.
Tengara’nın rolü – Siteyi ana içerik, navigasyon ve tamamlayıcı alanlar gibi çeşitli parçalara ayırın. Bu, ziyaretçilerin sayfada aradıklarını anlamalarına ve daha kolay bulmasına yardımcı olabilir.
Belgelerin rolü – sayfaların makaleler, belgeler, listeler ve satırlar gibi belirli bölümlerini açıklayın. Widget rolü – öğeleri ve arayüzleri belirleyin.Sekmeler, metin kutuları, uyarılar ve düğmeler Aria tarafından açıklanabilecek bazı öğelerdir.HTML bu öğeleri tanımlamadığında veya birçok farklı parçadan yapılmış widget’lar kullandığınızda, widget’ların rolü yardımcı olabilir.

Soyut Rol – Bu bir tarayıcı tarafından kullanılır.Onlar için endişelenmenize gerek yok.
Devletler ve mülkiyetler ve mülk birbirleriyle işbirliği yapar. Mülkiyet bir kez ayarlanmış nadiren değişir, çünkü sadece diğer unsurlarla ilişkileri tanımlarlar. Devlet dinamiktir ve tek başına veya kullanıcı etkileşimi ile değişebilir. Durum örnekleri, ekran okuyucusuna öğenin güncellendiğini söyleyen ARIA-Body’dir. Diğerleri Aria-Pressed, bu da bir düğmeye basıldığını gösteriyor. Bu aktif olarak değişen bir unsurdur. Öte yandan, mülk, seçmen aralığında maksimum miktarı ayarlayan Aria-Valuemax veya bir öğenin açılır pencereyi tetikleyeceğini gösteren Aria-Haspopup gibi özellikler içerir. Güncellemek bu mümkün değil. Ve bu Aria’nın temelleri. Yıkıldıktan sonra çok daha basit, değil mi? Ama onunla ne kadar yapabileceğine şaşıracaksınız. Daha fazla bilgi edinmek için resmi Wai-İnarian belgelerini veya Google’ın geliştiriciler için yeni başlayanlarının tanıtımını deneyin. ARIA’nın erişilebilirliği için test yaptıktan sonra, ARIA’yı uyguladıktan sonra, her şeyin sorunsuz çalışmasını sağlamak isteyebilirsiniz. Siteniz yardımcı cihaza nasıl bakar? En açık yol, NVDA gibi ücretsiz ekran okuyucuları indirmek, kendi gözlerinizi kapatmak ve şehre gitmektir. Bu size tam bir deneyim sunacaktır.
Ayrıca göz yamasını geçebilir ve yalnızca istasyonların özelliklerini kontrol etmek istediğiniz öğeleri yönlendirebilirsiniz, ancak bu öğeleri bulmanın ne kadar zor olduğu gibi önemli bilgileri kaybedeceksiniz. Bu bile ekran okuyucuları kullanmanın nasıl hissettiğinin mükemmel bir temsili değildir, çünkü öğrenmek için çok fazla egzersiz gerektirir, bu yüzden en iyisi gerçek kullanıcıdan web sitesi sürücünüzü test etmesini istemektir. Firefox erişilebilirlik denetçileri gibi seçilen öğeler hakkında bilgi görmenizi sağlayan birçok sınav görevlisi de vardır. Wave, Aria ile olan hatalar da dahil olmak üzere çeşitli hatalar gösterdi. Son olarak, bu ARIA Widget kontrol listesi tasarlarken iyi bir denetim yapar. Sitenizi yapmanın başka bir yolu, Markup Aria tarafından erişilebilir. Web erişilebilirliği açısından sadece başlangıçtır. Sitenizin görme, işitme, hareketlilik ve diğer rahatsızlıkları olan kişiler tarafından kullanılabilmesi için takip etmeniz gereken birçok standart vardır. İşte izlemeniz gereken bir avuç yönergenin bazı örnekleri. Web sitesinin içeriği, büyütüldüğünde duyarlı ve çalışıyor.
Site ve öğeler yalnızca bir klavye ile kullanılabilir.
Metin arka plana karşı doğru şekilde sözleşmelidir.
Tip olmayan tüm içerikler, ses ve video transkriptleri dahil olmak üzere alternatif metinlere sahiptir.
Çoğu görüntünün tanımlayıcı alternatif metinlere sahip olduğundan ve dekoratif görüntülerin alternatif metinlere sahip olduğundan emin olun.