Web Erişilebilirlik Standardı: Tasarımcılar için ayrıntılı inceleme
World Wide Web Konsorsiyumu Web Erişilebilirlik Girişimi (W3C WAI), Web Erişilebilirliğini “Engelli insanlar onu kullanabilmeleri için tasarlanmış ve geliştirilen web siteleri, araçlar ve teknoloji” olarak tanımlar. Web’in engelli kişiler tarafından hala erişilebilmesini sağlamak-bu bireylerin Web’i daha iyi kullanabileceği ve bilgi ve uzmanlıklarına katkıda bulunabilecekleri tutarsızlık, bilişsel, nörolojik, fiziksel, konuşma veya görsel olarak çekilmesini sağlamak. İçerik ve teknolojinin tüketicisi olmakla sınırlı değildir; Tersine, geliştiriciler, tasarımcılar ve içerik üreticileri olabilirler.
Kaynaklar ve web erişilebilirlik araçları genellikle engelli kullanıcıların deneyimine odaklanırken, faydalar herkese, kalıcı sakatlığı olmayanlara bile uzanır. Örneğin, metin kötü işiten kişilerin web’deki videolara erişmelerini sağlar. Ancak bu bilgiler diğer kullanıcılara da yardımcı olur. Videoları gürültülü alanlarda izlerlerse, metni etkinleştirebilirler. Videoda kullanılan dilde akıcı olmayanlar, içeriğin içeriğini tam olarak anlamak için metni de okuyabilirler.
Başka bir örnek, resimde alt metin kullanılmasıdır. Bu tanımlayıcı metin, ekran okuyucuların görüntünün içeriğini anlamalarına yardımcı olmaz. Optimize edilmiş ALT nitelikleri dikkatli bir şekilde, iş arama makinelerini (SEO) optimize etme stratejisine de fayda sağlar, bu da sonuç olarak dönüşüm seviyesini artırmalarına yardımcı olur. 3 Web Erişilebilirliği Bileşenleri Web’i birçok bileşeni içeren erişilebilir hale getirir. Diğerleri arasında:
Web İçeriği: Metin, resimler, ses ve videoya ek olarak, kullanıcınızın doldurduğu formları, işaretleme kodu ve uygulamayı da içerir. Yazma araçları: Bu, tasarımcılar ve geliştiriciler tarafından bir oluşturmak için kullanılan yazılım ve hizmetleri ifade eder. İş web sitesi, diğer çevrimiçi siteler ve web içeriği. Yazarlık araçları arasında İçerik Yönetim Sistemleri (CMS), bloglar, kod editörleri ve belge dönüştürme araçları bulunur.
Kullanıcı aracısı: Bu, kullanıcının web içeriğine erişimini kolaylaştıran bir yazılımdır. Örnekler arasında tarayıcılar (masaüstü, hücresel, ses), eklenti, multimedya oynatıcı ve ekran okuyucuları ve büyüteç, tarama yazılımı ve alternatif klavye gibi yardımcı teknoloji sayılabilir.
Kaynak: https://www.w3.org/wai/fundamentals/components/ Bu üç bileşenin her birinin WAI tarafından hazırlanan eşdeğer web erişilebilirliği için bir kılavuz vardır: Web İçeriğinin Erişilebilirliği için Yönergeler (WCAG)
Yazma araçlarının erişilebilirliği için yönergeler (ATAG)
Kullanıcı Aracı Erişilebilirlik Yönergeleri (UAAG)
3 WAI – WCAG, ATAG ve UAAG – Üç Kılavuzun Uygunluğu Üç Seviyede Kategorize Edin: Seviye A (en düşük): Web sayfaları tüm başarı kriterlerini karşılamalı veya uygun alternatif sürümü göstermelidir.
Seviye AA (Orta): A seviyesinin tüm başarı kriterlerini yerine getirmenin yanı sıra, web sayfaları AA seviyesinin tüm başarı kriterlerini de karşılamalı veya AA seviyesine göre alternatif bir sürüme sahip olmalıdır.
Seviye AAA (en yüksek): En yüksek uyumluluk seviyesini karşılayan web sayfaları, A, AA seviyesi ve AAA seviyesi için tüm başarı kriterlerini karşılıyor veya AAA seviyesine uygun alternatif bir sürüme sahip.
Toplama Seviyesi ALT ALT özellikleri ile görüntü sağlamak gibi temel erişilebilirlik özelliklerini içeren A seviyeleri bir zorunluluktur. Bu arada, seviye AA gereksinimleri engelli kişilerin kullanıcılarının karşılaştığı birçok kamu erişilebilirlik sorununu çözmeye yardımcı olur. Son olarak, seviye AAA daha karmaşık erişilebilirlik gereksinimlerini içerir. Her WAI kılavuzuna dalalım. Web İçeriğinin Erişilebilirlik Kılavuzları (WCAG) 2.1 WCAG 2.1 bir kılavuz olarak düzenlenmiştir ve her kılavuz, uygunluk seviyesine (A, AA veya AAA) uygun olarak kendi başarı veya erişilebilirlik kriterlerine sahiptir. WCAG Yönergeleri 2.1 – ATAG ve UAAG yönergeleri gibi – erişilebilirliğin dört ilkesine göre derlenmiştir:
Anlaşılabilir
Çalıştırılabilir
Anlaşılır
Sağlam
Bu erişilebilirlik için ilke ve yönergelere daha yakından bakalım. Her bir kılavuzun başarı kriterlerini ve uygunluk seviyesini bilmek istiyorsanız, WCAG 2.1’in tam belgesine buradan bakın.
İlke 1: Kullanıcı bilgileri ve arayüzü kullanıcılar tarafından anlayabilecekleri şekilde görülmelidir.
Braille, semboller, basit diller veya büyük kalıplar gibi diğer formlara dönüştürülebilmesi için tensiz içerik için alternatif bir metin verin.
Daha önce kaydedilen doğrudan ses veya video gibi zamana dayalı ortam için metin ve alternatifler (ses açıklamaları, işaret dili yorumları gibi) verin.
Ayarlanabilen içerik, yani bilgi veya yapı kaybetmeden çeşitli şekillerde (daha basit düzen gibi) sunulabilen içerik oluşturun.
İçerik oluşturmak, kullanıcı tarafından kolayca görülmesi ve duyulması gereken ayırt edilebilir. Bu kılavuz, renklerin kullanımı, ses kontrolü, kontrast, metin boyutu, yeniden akış, metin çizimleri ve metin alanlarındaki değişiklikler için gereksinimleri içerir. İlke 2: Kullanıcı ve navigasyon arayüzü bileşenleri çalıştırılmalıdır.
Tüm işlevler kullanıcının klavyesinden edinilebilir.
Kullanıcıların içeriği okumak ve kullanmak için yeterli zamanları vardır.
İçeriği bilinen bir şekilde tasarlamayın, nöbetlere ve fiziksel reaksiyonlara neden olabilir (örneğin, saniyede üç kattan fazla yanıp sönen içerik).
Kullanıcılar kolayca gezinebilir, içerik bulabilir ve nerede olduklarını belirleyebilir.
Kullanıcılar klavyenin dışında ses tanıma, hareket ve dokunmatik aktivasyon gibi farklı giriş yöntemlerini kullanabilir.
İlke 3: Kullanıcı arayüzünün bilgi ve çalışması anlaşılmalıdır.
İçerik oluşturmak, bazı bölümlerde kullanılan web sayfalarının ve dillerinin programlanmasına (yani yazılım tarafından belirlenir) izin vermek ve kelimelerin ve olağandışı kısaltmaların anlamını vermek gibi içerik oluşturmak ve anlaşılabilir.
Web sayfaları oluşturmak, tutarlı bir navigasyon mekanizması kullanmak gibi tahmin edilen bir şekilde görünür ve çalışır.
Kullanıcıların hataları belirleyerek ve tavsiye vererek ve kullanıcıların yasal ve finansal işlemlere verilen yanıtları tersine çevirmelerini, kontrol etmelerini ve onaylamalarını sağlayarak hataları önlemelerine ve düzeltmelerine yardımcı olur.
İlke 4: İçerik, çeşitli kullanıcı aracıları tarafından yorumlanacak kadar güçlü olmalıdır.
Web tarayıcıları ve yardımcı teknoloji gibi mevcut ve gelecekteki kullanıcı aracılarıyla uyumluluğu en üst düzeye çıkarın. Yazma araçlarının erişilebilirliği (ATAG) 2.0 yazma araçları, web tasarımcıları, geliştiriciler, yazarlar ve diğer “yazarlar” tarafından kullanılan yazılım ve hizmetleri ifade eder. Statik bir web sayfası, dinamik web uygulamaları ve diğer web içeriği.
Maker araçlarının bazı örnekleri, gördüğünüz HTML düzenleyicisi ne elde edersiniz (wysiwg), kaynak kodlarını düzenlemek veya hücresel web uygulamaları, içerik yönetim sistemleri, sosyal medya, forumlar, wiki ve ekipman multimedya yapmaktır. ATAG 2.0 belgesi yalnızca yazarın erişilen web içeriği oluşturmasına yardımcı olmakla kalmaz, aynı zamanda engelli kişilerin üretim araçlarını kolayca kullanmasına izin verir. Böylece, ATAG 2.0 iki bölüme ayrılmıştır:
Bölüm A, üreticinin erişilmesini sağlamaya odaklanır ve
Bölüm B, bu aracın yazarın erişilebilir içerik oluşturmasına nasıl yardımcı olabileceğini tartışmaktadır.
WCAG 2.1 gibi, ATAG 2.0 da ilkelere göre düzenlenir. Her prensibin bir çerçeve olarak işlev gören bir kılavuz vardır ve her kılavuz A, AA ve AAA’nın uygunluk düzeyinde bir başarı kriteri (erişilebilirlik gereksinimleri) vardır. Başarı, Niyet, Örnek ve Uygunluk Kriterleri hakkında ayrıntılı bilgi ATAG 2.0’daki W3C Çalışma Grubu kaydında mevcuttur.
Bölüm A: Maker üreticisinin kullanıcı arayüzüne erişilebilir. İlke A.1: Yazma aracının kullanıcı arayüzü erişilebilirlik kılavuzunu takip eder.
Web tabanlı işlevselliğin (örneğin, Web tabanlı Wiki kullanıcı arayüzü ve yardım sistemleri) WCAG’ın başarı kriterlerini karşıladığından emin olun.
İlke A.2: Düzenleme ekranı anlaşılabilir.
Yazar için alternatif içerik oluşturun (örneğin metin, ses açıklaması, işaret dili) kullanılabilir.
Düzenleme ekran sunumunun yardımcı teknoloji dahil olmak üzere farklı yazılımlar tarafından çıkarılabileceğinden emin olun.
İlke A.3: Düzenleme ekranı çalıştırılabilir.
Yazarlık özelliklerine verimli klavye erişimi sağlar.
Yazar için yeterli zaman sağlayın. Bilgi yazmak veya işlemekte zorluk çekebilecek yazarlara yardımcı olmak için, üreticinin otomatik tasarruf seçeneği, ayarlanmış zaman ayarları, statik giriş bileşenleri olması ve web içeriğini düzenlemede otomatik depolamaya izin vermesi gerekir.
Yazarın yanıp sönmeyi önlemesine yardımcı olun, bu da statik ekran seçenekleri vererek nöbetlere neden olabilir.
İçerik yapısı aracılığıyla gezinmeyi ve düzenlemeyi artırın.
Yazarın düzenlemek istedikleri içeriği kolayca bulabilmesi için içerikten metin aramasını etkinleştirin.
Kullanıcının istedikleri görüntüleme ayarını kaydetmesine veya kontrol etmesine izin verin.
İçerik içeriğine en azından piyasadaki kullanıcı aracısı gibi erişilebildiğinden emin olun.
İlke A.4: Düzenleme ekranı anlaşılabilir
İçerik değişiklikleri yaparak yazarın hataları önlemesine ve düzeltmesine yardımcı olun ve ayarlardaki değişikliklerin onaylanmasını etkinleştirebilir.
Tüm erişilebilirlik özellikleri dahil olmak üzere kullanıcı arayüzünü belgeleyin, böylece kullanıcılar üretim aracı özelliğini çalıştırırken buna başvurabilir.
BÖLÜM B: Erişilebilecek İçerik Üretimini Destekler Prensip B.1: Tam otomatik bir işlem, erişilebilen içerik üretir. Üretim cihazı tarafından otomatik olarak üretilen web içeriğinin erişilebileceğinden emin olun.
İçeriğin yeniden yapılandırılması, kaydı veya kopyası gibi web içeriğinin dönüştürülmesi sırasında erişilebilirlik bilgilerinin korunduğundan emin olun.
İlke B.2: Yazar erişilebilir içerik üretmede desteklenmektedir
Kullanıcıların üreticiyi kullanarak tuvaletle eşleşen web içeriği oluşturabildiğinden emin olun.
Pandu Yazar, erişilebilen seçeneği vurgulayarak ve erişilebilirlik özelliklerini ayarlamak için bir mekanizma dahil olmak üzere erişilen içerik oluşturmada yazar.
Yazarın alternatif metin otomatik onarımı ve alternatif içeriğin düzenlenebilmesini sağlamak gibi, texted içerik için alternatif içeriği yönetmesine yardımcı olun.
Kolayca erişilebilen bir şablon seçeneği sunarak ve şablonların erişilebilirliğini belirleyerek yazara kolayca erişilebilen bir şablonla yardımcı olun.
Klip sanat, kullanıcı arayüzü widget ve video örneği gibi erişilebilen ön yazma içeriği ile yazara yardımcı olun.
İlke B.3: Yazar, mevcut içeriğin erişilebilirliğini artırmada desteklenmektedir
Yazarın, potansiyel sorunlar bulmak, talimatlar vermek ve erişilebilirlik durumu raporları yapmak gibi erişilebilirlik sorununu kontrol etmesine yardımcı olun.
Yazarın, tavsiye vererek erişilebilirlik sorununu düzeltmesine yardımcı olun.
İlke B.4: Yazarlık Araçları Erişilebilirlik özelliklerini teşvik eder ve entegre eder
Maker, erişilebilecek içerik üretimini destekleyen özelliklere sahip olduğundan emin olun. Bu özelliğin varsayılan olarak etkinleştirildiğinden ve özelliğin kapatılamadığından veya yeniden etkinleştirilemeyeceğinden emin olun. Belgelerin erişilebilecek içerik üretimini teşvik ettiğinden emin olun. Bu, erişilebilecek yazma uygulamaları, öğreticiler ve dizinler, erişilebilecek içerik destek özellikleri hakkındaki talimatlara dahil ederek yapılabilir.
Kullanıcı Temsilcisi Erişilebilirlik Kılavuzu (UAAG) 2.0 UAAG belgeleri, kullanıcı aracılarının, tarayıcı uzantılarının, okuyucuların ve medya oyuncularının – engelli kişiler tarafından erişilebilmesini sağlamak için yönergeler sağlar. UAAG esas olarak bu kullanıcı aracısının geliştiricisi veya web içeriği yapan bir uygulama için tasarlanmıştır.
Kullanıcı aracısı erişilebilirlik özellikleri, tarayıcıların ve uygulamaların – yalnızca web içeriği değil – devre dışı bırakılan bireylere daha iyi kullanıcı deneyimi sağlayabilmesinin sağlanmasında çok önemlidir. Örneğin, kullanıcı aracıları kişilerin daha iyi erişilebilirlik için metni, tercihleri ve arayüzleri ayarlamasına izin verir. UAAG yönergeleri 2.0, WCAG 2.1 ve ATAG 2.0 ile aynı prensibe göre düzenlenmiştir. Başarı kriterlerinin ayrıntılarını, uygunluk seviyesini ve her kılavuzun örneklerini görmek için bkz. UAAG 2.0 W3C referansları. İlke 1: Kullanıcı arayüzünün ve oluşturulan içeriğin anlaşılabildiğinden emin olun
Alternatif içeriğe erişim sağlar ve kullanıcıların metin dili ve video gibi boyutu değiştirmesine ve alternatif zamana dayalı medyayı yeniden konumlandırmasına olanak tanır.
Yardımcı teknoloji yoluyla kayıp içeriği geliştirin.
Seçimler için spot ışığı verin, klavyeyi, etkinleştirilmiş öğeleri ve ziyaret edilen bağlantıları odaklayın.
Metin yapılandırması sağlar (örneğin, kullanıcıların kötü vizyon, disleksi veya diğer engelli kullanıcılar tarafından kullanılabilecek metnin, kuvvet, satır alanları, yazı tipleri, boyutlar, karakter alanları, gerekçeler ve sınırların rengini ayarlamasına olanak tanır) İçerik yapmak onlar için okunabilir. Her ses parçası için Global Hacim’e göre birim yapılandırması sağlayın.
Sentezlenmiş bir selamlama yapılandırması sağlar (örneğin, kullanıcı konuşma, hacim, ses, ton ve ton aralığının hızını belirleyebilir).
Kullanıcı stili sayfasının yapılandırmasını etkinleştirin. Bu şekilde, kullanıcılar çevrimiçi materyali okumalarına yardımcı olmak için web içeriğinin oluşturulmasını (örneğin, siyah arka planda sarı bir metin seçmek) ayarlayabilir.
Kullanıcıların pencereleri ve görünümleri yönlendirmelerine ve kontrol etmesine yardımcı olun.
Alternatif bir görünüm verin (örneğin, çerçeve ekranı, kaynak ekranı).
Öğeler arasındaki ilişki hakkında bilgi verin (örn. Form etiketi, tablo başlığı, satır etiketi ve sütun, içerik hiyerarşisi).
İlke 2: Kullanıcı arayüzünün çalıştırılabildiğinden emin olun
Klavye erişiminin dolu olduğundan emin olun.
Sıralı navigasyon sağlar.
Navigasyon ve doğrudan aktivasyon sağlar.
Metin arama sağlar.
Yapısal navigasyon sağlar (örneğin içeriğin başlığı veya bölümünde veya tabloda).
Yapılandırma ve Kullanıcı Seçimi ayarlarını kaydedin.
Grafik kontrolünün görüntüsünü ayarlayın, yani kullanıcı ekleyebilir, silebilir, yeniden konumlandırabilir ve denetime bir kısayol ayarlayabilir.
Zamandan bağımsız etkileşimlere izin verin (yani kullanıcılar zaman sınırını ayarlayabilir).
Kullanıcıların nöbetlere neden olabilecek yanıp sönmeyi önlemesine yardımcı olur.
Kullanıcıların zamana göre gezinmesine, oynatma kullanmasına ve kontrastı ve görsel parlaklığı ayarlamasına izin vermek gibi zaman tabanlı ortam kontrolü sağlar. Ekranda işaretleme aygıtları, tebrik tanıtımı ve klavye gibi diğer giriş cihazlarını destekleyin.
İlke 3: Kullanıcı arayüzünün anlaşılabildiğinden emin olun
Kullanıcıların yazım sınavı ve otomatik doldurma temel bilgileri gibi hataları önlemelerine ve düzeltmelerine yardımcı olur.
Erişilebilirlik özellikleri de dahil olmak üzere kullanıcı arayüzünü belgeleyin.
Kullanıcı temsilcilerinin tahmin edilebilecek şekilde davranmasını sağlayın.
İlke 4: Programlı erişimi kolaylaştırmak
Kullanıcı aracısının platform erişilebilirlik hizmetini desteklediğinden ve kontrol hakkında bilgi verdiğinden emin olun.
İlke 5: Spesifikasyonlara ve sözleşmelere uyun
HTML veya benzeri standartlarda yapılan tarayıcı kontrolü tuvalete uymalıdır. Buna ek olarak, kullanıcı aracıları erişilebilirlik özelliklerini desteklemeli, alternatif izleyicilere izin vermeli ve kullanıcıların erişilebilirlik sorunlarını raporlamasına izin vermelidir.
Son kelimeler kapsayıcı bir web yapar ve herkes tarafından erişilebilir, zor bir görev gibi görünebilir.
Ancak bu almaya değer bir zorluktur, çünkü faydalar engelli kişilerin kullanıcılarını aşar. Birçok web kullanıcısı – hatta kusurlu olmayanlar bile – metin, metin boyutlarını değiştirme, yazım sınavları, belgeler ve alternatif metinler gibi özellikler bulmuşlardır. Ve bu kar her web ve çevrimiçi iş ziyaretçisine yayıldığından, herkes çok daha iyi bir kullanıcı deneyiminin tadını çıkarabilir.
