Web Erişilebilirlik Standartları: Tasarımcılar için Ayrıntılı Bir Genel Bakış

World Wide Web Konsorsiyumu Web Erişilebilirlik Girişimi (W3C WAI), web erişilebilirliğini “web siteleri, araçlar ve teknolojiler, engellilerin kullanabilmesi için tasarlanmış ve geliştirilmiş” olarak tanımlar.

Web'in işitsel, bilişsel, nörolojik, fiziksel, konuşma veya görsel engelli kişiler tarafından erişilebilir kalmasının sağlanması, bu kişilerin web'i daha tam olarak kullanabilmelerini ve bilgi ve uzmanlıklarını da Web'e katkıda bulunmalarını sağlar. İçerik ve teknolojilerin tüketicisi olmakla sınırlı kalmazlar; bunun yerine geliştiriciler, tasarımcılar ve içerik üreticileri olabilirler.

Web erişilebilirliği kaynakları ve araçları genellikle engelli kullanıcıların deneyimine odaklanırken, faydaları herkese, hatta kalıcı engelleri olmayanlara kadar uzanır.

Örneğin, altyazılar, işitme engelli kişilerin web'deki videolara erişmesini sağlar. Ancak bu altyazılar diğer kullanıcılara da yardımcı olur. Videoyu gürültülü bir alanda izliyorlarsa altyazıları açabilirler. Videoda kullanılan dili akıcı olmayanlar da içeriğin mesajını tam olarak anlamak için altyazıları okuyabilir.

Kaynak: Web Erişilebilirlik Perspektifleri – 10 Konunun/Videonun Derlenmesi (YouTube)

Başka bir örnek, resimlerde alternatif metinlerin kullanılmasıdır. Bu açıklayıcı metinler, yalnızca ekran okuyucu kullanıcılarının bir görüntünün ne içerdiğini anlamasına yardımcı olmaz. Dikkatle optimize edilmiş alt özellikler, işletmelerin görsel arama motoru optimizasyonu (SEO) stratejisine de fayda sağlar ve bu da sonuç olarak dönüşüm oranlarını iyileştirmelerine yardımcı olur.

Web Erişilebilirliğinin 3 Bileşeni

Web'i erişilebilir kılmak, birden çok bileşeni içerir. Bunlar arasında:

• Web içeriği : Metin, resim, ses ve videoların yanı sıra, kullanıcılarınızın doldurduğu formları, işaretleme kodlarını ve uygulamaları da içerir.
• Yazma araçları : Bunlar, tasarımcıların ve geliştiricilerin bir iş web sitesi, diğer çevrimiçi siteler ve web içeriği oluşturmak için kullandıkları yazılım ve hizmetleri ifade eder. Yazma araçları, içerik yönetim sistemlerini (CMS), blogları, kod düzenleyicileri ve belge dönüştürme araçlarını içerir.
• Kullanıcı aracıları : Kullanıcılarınızın web içeriğine erişimini kolaylaştıran yazılımlardır. Örnekler arasında tarayıcılar (masaüstü, mobil, ses), eklentiler, multimedya oynatıcılar ve ekran okuyucular ve büyüteçler, tarama yazılımı ve alternatif klavyeler gibi yardımcı teknolojiler sayılabilir.

Kaynak: https://www.w3.org/WAI/fundamentals/components/

Bu üç bileşenin her biri, WAI tarafından hazırlanan eşdeğer bir web erişilebilirlik yönergesine sahiptir:

• Web İçeriği Erişilebilirlik Yönergeleri (WCAG)
• Yazma Aracı Erişilebilirlik Yönergeleri (ATAG)
• Kullanıcı Aracısı Erişilebilirlik Yönergeleri (UAAG)

3 Uygunluk Düzeyleri

WAI'nin üç yönergesi (WCAG, ATAG ve UAAG) uygunluğu üç düzeyde sınıflandırır:

• A Düzeyi (en düşük) : Bir web sayfası, tüm A Düzeyi başarı kriterlerini karşılamalı veya uygun bir alternatif sürüm sunmalıdır.
• AA Düzeyi (orta) : Bir web sayfası, tüm A Düzeyi başarı ölçütlerini karşılamanın yanı sıra, tüm AA Düzeyi başarı ölçütlerini karşılamalı veya AA Düzeyine uygun bir alternatif sürüme sahip olmalıdır.
• AAA Düzeyi (en yüksek) : Bu en yüksek uygunluk düzeyini karşılayan, tüm A Düzeyi, AA Düzeyi ve AAA Düzeyi başarı kriterlerini karşılayan veya AAA Düzeyi ile uyumlu alternatif bir sürümü olan bir web sayfası.

Alt niteliklere sahip görüntüler sağlamak gibi temel erişilebilirlik özelliklerini kapsayan A Düzeyi gereksinimlerini karşılamak bir zorunluluktur.

Bu arada, AA Düzeyi gereksinimleri, engelli kullanıcıların karşılaştığı birçok yaygın erişilebilirlik sorununun çözülmesine yardımcı olur. Son olarak, AAA Düzeyi daha gelişmiş erişilebilirlik gereksinimleri içerir.

WAI'nin yönergelerinin her birine dalalım.

Web İçeriği Erişilebilirlik Yönergeleri (WCAG) 2.1

WCAG 2.1, kılavuzlar halinde düzenlenmiştir ve her kılavuzun, bir uygunluk düzeyine (Düzey A, AA veya AAA) karşılık gelen kendi başarı kriterleri veya erişilebilirlik gereksinimleri vardır.

ATAG ve UAAG yönergeleri gibi WCAG 2.1 yönergeleri, dört erişilebilirlik ilkesi etrafında düzenlenmiştir:

• algılanabilir
• çalıştırılabilir
• anlaşılır
• güçlü

Bu erişilebilirlik ilkelerine ve yönergelerine daha yakından bakalım. Her bir kılavuzun başarı kriterlerini ve uygunluk seviyelerini bilmek istiyorsanız, WCAG 2.1 belgesinin tamamına buradan göz atın.

İlke 1: Bilgi ve kullanıcı arayüzü, kullanıcılara algılayabilecekleri şekillerde sunulabilmelidir.

• Metin olmayan içerik için metin alternatifleri sağlayın, böylece bunlar braille, semboller, düz dil veya büyük baskı gibi diğer biçimlere dönüştürülebilir.
• Canlı sesler veya önceden kaydedilmiş videolar gibi zamana dayalı medya için altyazılar ve alternatifler (sesli açıklamalar, işaret dili yorumları gibi) sağlayın.
• Uyarlanabilir içerik, yani bilgi veya yapı kaybetmeden birden çok yolla (daha basit bir düzen gibi) sunulabilen içerik oluşturun.
• İçeriği ayırt edilebilir hale getirin, yani kullanıcıların içeriği görmesi ve duyması kolay olmalıdır. Bu yönerge renklerin, ses kontrollerinin, kontrastın, metnin yeniden boyutlandırılmasının, yeniden akıtmanın, metin resimlerinin ve metin aralığının kullanılmasıyla ilgili gereksinimleri kapsar.

Prensip 2: Kullanıcı arayüzü bileşenleri ve navigasyon çalışır durumda olmalıdır.

• Tüm işlevler kullanıcının klavyesinden kullanılabilir.
• Kullanıcıların içeriği okumak ve kullanmak için yeterli zamanı vardır.
• İçeriği, nöbetlere ve fiziksel reaksiyonlara neden olduğu bilinen bir şekilde tasarlamayın (ör. saniyede üç defadan fazla yanıp sönen içerik).
• Kullanıcılar kolayca gezinebilir, içerik bulabilir ve nerede olduklarını belirleyebilir.
• Kullanıcılar klavyelerin ötesinde ses tanıma, hareketler ve dokunmayla etkinleştirme gibi farklı giriş yöntemlerini kullanabilir.

Prensip 3: Bilgi ve kullanıcı arayüzünün çalışması anlaşılır olmalıdır.

• Web sayfası dilinin ve belirli pasajlarda kullanılan dilin programlı olarak belirlenmesine (yani yazılım tarafından belirlenmesine) izin vererek ve olağandışı sözcük ve kısaltmaların anlamlarını sağlayarak içeriği okunabilir ve anlaşılır hale getirin.
• Tutarlı gezinme mekanizmaları kullanmak gibi, web sayfalarının öngörülebilir şekillerde görünmesini ve çalışmasını sağlayın.
• Hataları belirleyerek ve önerilerde bulunarak ve ayrıca kullanıcıların yasal ve finansal işlemlere verilen yanıtları geri almasına, kontrol etmesine ve onaylamasına izin vererek, kullanıcıların hatalardan kaçınmasına ve düzeltmesine yardımcı olun.

İlke 4: İçerik, çok çeşitli kullanıcı aracıları tarafından yorumlanabilecek kadar sağlam 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 Aracı Erişilebilirlik Yönergeleri (ATAG) 2.0

Yazma araçları, web tasarımcılarının, geliştiricilerin, yazarların ve diğer "yazarların" statik web sayfaları, dinamik web uygulamaları ve diğer web içeriği biçimleri oluşturmak için kullandığı yazılım ve hizmetleri ifade eder.

Yazma araçlarına bazı örnekler, gördüğün şey-olduğundur (WYSIWG) HTML düzenleyicileri, kaynak kodlarını düzenlemek veya mobil web uygulamaları oluşturmak için yazılımlar, içerik yönetim sistemleri, sosyal medya, forumlar, wiki'ler ve multimedya yazarlığıdır. araçlar.

ATAG 2.0 belgesi, yalnızca yazarların erişilebilir web içeriği oluşturmasına yardımcı olmayı değil, aynı zamanda engelli kişilerin yazma araçlarını kolayca kullanmalarını sağlamayı da amaçlamaktadır. Bu nedenle, ATAG 2.0 iki bölüme ayrılmıştır:

• Bölüm A, yazma araçlarını erişilebilir hale getirmeye odaklanır ve
• Bölüm B, bu araçların yazarların erişilebilir içerik oluşturmasına nasıl yardımcı olabileceğini tartışır.

WCAG 2.1 gibi, ATAG 2.0 da ilkeler etrafında düzenlenmiştir. Her ilkenin bir çerçeve işlevi gören yönergeleri vardır ve her kılavuzun A, AA ve AAA uygunluk seviyelerinde başarı kriterleri (erişilebilirlik gereksinimleri) vardır. Başarı kriterleri, amaçları, örnekleri ve uygunluk seviyeleri hakkında ayrıntılı bilgi, ATAG 2.0 ile ilgili W3C Çalışma Grubu Notunda mevcuttur.

Bölüm A: Yazma aracı kullanıcı arabirimini erişilebilir hale getirin.

İlke A.1: Yazma aracı kullanıcı arabirimleri, erişilebilirlik yönergelerini takip eder.

• Web tabanlı işlevselliğin (ör. web tabanlı wiki'lerin ve yardım sistemlerinin kullanıcı arayüzleri) WCAG başarı kriterlerini karşıladığından emin olun.
• Web tabanlı olmayan kullanıcı arayüzlerinin (ör. Windows, Mac OS, Android) erişilebilir olduğundan emin olun.

İlke A.2: Düzenleme görünümleri algılanabilir.

• Yazarlara alternatif içerik (ör. altyazılar, sesli açıklamalar, işaret dili) sağlayın.
• Düzenleme görünümü sunumlarının yardımcı teknolojiler de dahil olmak üzere farklı yazılımlar tarafından alınabildiğinden emin olun.

İlke A.3: Düzenleme görünümleri çalıştırılabilir.

• Yazma özelliklerine verimli klavye erişimi sağlayın.
• Yazarlara yeterli zaman verin. Bilgi yazmakta veya işlemekte zorluk çekebilecek yazarlara yardımcı olmak için, yazma araçları otomatik kaydetme seçeneklerine, ayarlanabilir zamanlamaya, statik girdi bileşenlerine sahip olmalı ve web içeriği düzenlemelerinin otomatik olarak kaydedilmesine izin vermelidir.
• Statik bir görünüm seçeneği sağlayarak yazarların nöbetlere neden olabilecek yanıp sönmeyi önlemesine yardımcı olun.
• İçerik yapısı aracılığıyla gezinmeyi ve düzenlemeyi geliştirin.
• İçeriğin metin aramasını etkinleştirin, böylece yazarlar düzenlemek istedikleri içeriği kolayca bulabilirler.
• Kullanıcıların tercih ettikleri ekran ayarlarını kaydetmelerine veya kontrol etmelerine izin verin.
• İçerik önizlemelerinin en az pazardaki kullanıcı aracıları kadar erişilebilir olduğundan emin olun.

İlke A.4: Düzenleme görünümleri anlaşılabilir

• İçerik değişikliklerini geri alınabilir hale getirerek ve ayar değişikliği onayını etkinleştirerek yazarların hataları önlemesine ve düzeltmesine yardımcı olun.
• Kullanıcıların yazma aracı özelliklerini çalıştırırken buna başvurabilmeleri için tüm erişilebilirlik özellikleri dahil olmak üzere kullanıcı arabirimini belgeleyin.

Bölüm B: Erişilebilir içeriğin üretimini destekleyin

İlke B.1: Tam otomatik süreçler erişilebilir içerik üretir.

• Yazma araçları tarafından otomatik olarak üretilen web içeriğinin erişilebilir olduğundan emin olun.
• Yeniden yapılandırma, kaydetme veya içeriği kopyalayıp yapıştırma gibi web içeriği dönüşümleri sırasında erişilebilirlik bilgilerinin korunduğundan emin olun.

İlke B.2: Yazarlar erişilebilir içerik üretmede desteklenir

• Kullanıcıların, yazma araçlarını kullanarak WCAG uyumlu web içeriği oluşturabildiğinden emin olun.
• Erişilebilir seçenekleri öne çıkarmak ve erişilebilirlik özelliklerini ayarlamak için mekanizmalar dahil etmek gibi erişilebilir içerik oluşturma konusunda yazarlara rehberlik edin.
• Yazarların, metin alternatiflerinin otomatik olarak onarılması ve alternatif içeriğin düzenlenebilir olmasını sağlamak gibi, metin olmayan içerik için alternatif içeriği yönetmelerine yardımcı olun.
• Erişilebilir şablon seçenekleri sunarak ve şablon erişilebilirliğini belirleyerek yazarlara erişilebilir şablonlarla yardımcı olun.
• Küçük resim, kullanıcı arabirimi widget'ları ve örnek videolar gibi önceden yazılmış erişilebilir içerikle yazarlara yardımcı olun.

İlke B.3: Yazarlar, mevcut içeriğin erişilebilirliğini iyileştirmede desteklenir

• Potansiyel sorunları bulma, talimatlar sağlama ve erişilebilirlik durumu raporları oluşturma gibi erişilebilirlik sorunlarını kontrol etmede yazarlara yardımcı olun.
• Önerilerde bulunmak gibi, erişilebilirlik sorunlarını onarmada yazarlara yardımcı olun.

İlke B.4: Yazma araçları erişilebilirlik özelliklerini tanıtır ve entegre eder

• Yazma araçlarının erişilebilir içerik üretimini destekleyen özelliklere sahip olduğundan emin olun. Bu özelliklerin varsayılan olarak açık olduğundan ve kapatılamadığından veya yeniden etkinleştirilebildiğinden emin olun.
• Belgelerin erişilebilir içeriğin üretimini desteklediğinden emin olun. Bu, erişilebilir yazma uygulamaları örnekleri, öğreticiler ve erişilebilir içerik destek özellikleriyle ilgili talimatlara bir dizin ekleyerek yapılabilir.

Kullanıcı Aracısı Erişilebilirlik Yönergeleri (UAAG) 2.0

UAAG belgeleri, kullanıcı aracılarının (tarayıcılar, tarayıcı uzantıları, okuyucular ve medya oynatıcılar) engelli kişiler tarafından erişilebilir olmasını sağlamak için yönergeler sağlar. UAAG, öncelikle bu kullanıcı aracılarının geliştiricilerini veya web içeriğini oluşturan uygulamaları hedef alır.

Kullanıcı aracısı erişilebilirlik özellikleri, yalnızca web içeriğinin değil, tarayıcıların ve uygulamaların engelli bireylere daha iyi bir kullanıcı deneyimi sunabilmesini sağlamak için çok önemlidir. Örneğin, kullanıcı aracıları, insanların daha iyi erişilebilirlik için metni, tercihleri ​​ve arayüzü özelleştirmesine izin verebilir.

UAAG 2.0 yönergeleri, WCAG 2.1 ve ATAG 2.0 ile aynı ilkeler etrafında düzenlenmiştir. Her bir kılavuzun başarı kriterlerine, uygunluk seviyelerine ve örneklere ayrıntılı bir bakış için W3C'nin UAAG 2.0 Referansına bakın.

İlke 1: Kullanıcı arayüzünün ve oluşturulan içeriğin algılanabilir olduğundan emin olun

• Alternatif içeriğe erişim sağlayın ve kullanıcıların altyazılar ve işaret dili videoları gibi zamana dayalı medya alternatiflerini yeniden boyutlandırmasına ve yeniden konumlandırmasına olanak sağlayın.
• Yardımcı teknolojiler aracılığıyla eksik içeriği onarın.
• Seçim, klavye odağı, etkin öğeler ve ziyaret edilen bağlantılar için vurgulama sağlayın.
• Görme bozukluğu, disleksi veya diğer engelleri olan kullanıcıların içeriği okunabilir hale getirmek için kullanabileceği metin yapılandırması sağlayın (örneğin, kullanıcıların metin rengini, stilini, satır aralığını, yazı tipini, boyutunu, karakter aralığını, yaslamayı ve kenarlıkları ayarlamasına izin verin) onlara.
• Genel ses düzeyine göre her ses parçası için ses düzeyi yapılandırması sağlayın.
• Sentezlenmiş konuşma yapılandırması sağlayın (ör. kullanıcılar konuşma hızı, ses düzeyi, ses, perde ve perde aralığını belirleyebilir).
• Kullanıcı stil sayfalarının konfigürasyonunu etkinleştirin. Bu şekilde, kullanıcılar çevrimiçi materyalleri okumalarına yardımcı olmak için web içeriği oluşturmayı özelleştirebilir (örneğin, siyah arka plan üzerinde sarı metin seçme).
• Kullanıcıların pencereleri ve görünüm pencerelerini yönlendirmelerine ve kontrol etmelerine yardımcı olun.
• Alternatif görünümler sağlayın (ör. anahat görünümü, kaynak görünümü).
• Öğeler arasındaki ilişkiler hakkında bilgi sağlayın (ör. form etiketleri, tablo başlıkları, satır ve sütun etiketleri, içerik hiyerarşisi).

Prensip 2: Kullanıcı arayüzünün çalışır durumda olduğundan emin olun

• Tam klavye erişimi sağlayın.
• Sıralı gezinme sağlayın.
• Doğrudan navigasyon ve aktivasyon sağlayın.
• Metin araması sağlayın.
• Yapısal gezinme sağlayın (ör. başlıklara veya içerik bölümlerine göre veya tablolar içinde).
• Kullanıcıların tercih ettiği ayarları yapılandırın ve saklayın.
• Grafik kontrollerin görünümünü özelleştirin, yani kullanıcılar kontrollere kısayol ekleyebilir, kaldırabilir, yeniden konumlandırabilir ve kısayol atayabilir.
• Zamandan bağımsız etkileşime izin verin (yani, kullanıcılar zaman sınırlarını ayarlayabilir).
• Kullanıcıların nöbetlere neden olabilecek yanıp sönmelerden kaçınmasına yardımcı olun.
• Kullanıcıların zamana göre gezinmesine, oynatmayı kullanmasına ve görsellerin kontrastını ve parlaklığını ayarlamasına izin vermek gibi zamana dayalı medyanın kontrolünü sağlayın.
• İşaretleme araçları, konuşma tanıma ve ekran klavyeleri gibi diğer giriş cihazlarını destekleyin.

İlke 3: Kullanıcı arayüzünün anlaşılır olduğundan emin olun

• Yazım denetimleri ve temel bilgilerin otomatik olarak doldurulması gibi yollarla kullanıcıların hatalardan kaçınmasına ve düzeltmesine yardımcı olun.
• Erişilebilirlik özellikleri de dahil olmak üzere kullanıcı arayüzünü belgeleyin.
• Kullanıcı aracısının öngörülebilir şekillerde davranmasını sağlayın.

İlke 4: Programlı erişimi kolaylaştırın

• Kullanıcı aracılarının platform erişilebilirlik hizmetlerini desteklediğinden ve kontroller hakkında bilgi sağladığından emin olun.

İlke 5: Spesifikasyonlara ve sözleşmelere uyun

• HTML veya benzeri standartlarda yazılan tarayıcı kontrolleri WCAG ile uyumlu olmalıdır. Ayrıca, kullanıcı aracıları erişilebilirlik özelliklerini desteklemeli, alternatif izleyicilere izin vermeli ve kullanıcıların erişilebilirlik sorunlarını bildirmesine olanak sağlamalıdır.

Son sözler

Web'i herkes için kapsayıcı ve erişilebilir kılmak, çok zor bir görev gibi görünebilir.

Ancak faydaları engelli kullanıcıların ötesine geçtiği için bu, üstlenmeye değer bir zorluktur. Pek çok web kullanıcısı, hatta engeli olmayanlar bile, altyazılar, metin yeniden boyutlandırma, yazım denetimleri, belgeler ve alternatif metinler gibi özellikleri yararlı bulmuştur. Ve bu avantajlar her web ziyaretçisine ve çevrimiçi işletmeye yayıldığından, herkes çok daha iyi bir kullanıcı deneyiminin keyfini çıkarabilir.