Ücretsiz ADA Uyumluluğu Web Sitesi Kontrol Listesi

Neden ADA Uyumlu Bir Web Sitesine İhtiyacınız Var?

Fiziksel konumlarında ADA uyumlu olması gereken ve "programları, ürünleri veya hizmetleriyle ilgili iletişim için interneti kullanan herhangi bir işletme veya halka açık kurum, bu iletişimleri erişilebilir yollarla da sunmaya hazır olmalıdır". Adalet Bakanlığı'nın açık mektubuna göre.

15'ten fazla tam zamanlı çalışanı olan ve yılda 20 haftadan fazla açık olan herhangi bir işletmenin, genel halk tarafından kolayca erişilebilir olması nedeniyle Engelli Amerikalılar Yasası'nın III. Aktivistler yakın zamanda uyumlu olmayan web sitelerini aramaya ve dava etmeye başladılar; Sadece 2018'de 2250 dava açıldı.

Web sitenizin uyumlu olmadığı tespit edilirse, binlerce dolar para cezası ve mahkeme masrafı kaybedersiniz. Haber medyası, işletmenizin engellilere ayrımcılık yapmaktan dava edildiğini bildirdiğinde, halkla ilişkiler kabusu da yaşayacaksınız.

DOJ mektubunun yayınlandığı 1996 yılında “erişilebilirlik” gevşek bir şekilde tanımlanırken, Web İçeriği Erişilebilirlik Yönergeleri artık Federal Hükümet tarafından kendi web varlığı için ve mahkemeler tarafından ADA Başlık III ihlallerini değerlendirmek için kullanılan standartlardır.

Mevcut Web Siteniz Muhtemelen Uyumlu Değil

Yöneticiler, yeni bir web sitesi için alışveriş yaparken ADA uyumluluğunun bir endişe kaynağı olduğunu nadiren anlarlar. Şık ve çekici web siteleri yapabilen herkesin aynı zamanda ADA uyumlu web siteleri yaptığına genellikle güvenenler. Ne yazık ki, web tasarımcıları genellikle ADA uyumluluğu için en iyi uygulamalardan habersizdir veya heyecan verici yeni tasarım özelliklerini uygulamak için bunları görmezden gelirler.

Birçok markanın reklam ekipleri de gereksinimlerden habersizdir. Diğerleri, bunları öneri olarak kabul eder ve renk kontrastı ve yazı tipi boyutu gibi önemli sorunları göz ardı eder, çünkü bu, yeniden markalaşma veya devam eden bir kampanyada uyum sağlamak için değişiklik yapılmasını gerektirir.

Web sitenizin uyumluluğundan emin değilseniz, kontrol listemize göre test edin. Bir saatinizi ayırarak şirketinizi on binlerce dolar ve halkın aşağılanmasından kurtarabilirsiniz.

Web Sitenizi ADA Uyumluluğu İçin Test Edin

Sagapixel Web Design olarak bir web sitesinin ADA uyumluluğunu test etmek için bir kontrol listesi oluşturduk. Bu, web tasarım ve içerik oluşturma ekiplerimizin çalışmalarının en fazla sayıda ziyaretçi ve potansiyel müşteri tarafından erişilebilir olmasını sağlar.

Kontrol Listesi Nasıl Kullanılır

ADA uyumluluğunun test edilmesi, web sitenizin farklı alanlarını test etmek için birden fazla araç gerektirir. En önemli uyumluluk faktörlerini test edebilen WAVE gibi çeşitli ücretsiz araçlar vardır, ancak kapalı açıklamalı alt yazılar ve aracın yakalayamadığı aykırı değerler, örneğin yeniden akış sorunları ve alt metin içeren resimler gibi şeyler için bir insan incelemesi gereklidir. çerçevede ne olduğunu açıklamaz.

Kontrol listemize gidin ve her bir öğe için test edin. Seviye AA'yı geçerseniz, tebrikler! İşletmenize çoğu engelli insan erişebilir. Herhangi bir öğede başarısız olursanız, dava açma riskiniz vardır. Birkaç kriterden daha fazlasını başaramazsanız, yeni bir web sitesi satın almak, sahip olduğunuz sorunları gidermek için bir geliştiriciyi tutmaktan büyük olasılıkla daha ucuz olacaktır.

Aşağıdaki çevrimiçi kontrol listesini görüntüleyin veya çevrimdışı görüntülemek veya yazdırmak için kontrol listesinin bir PDF'sini indirin.

kontrol listesi

A Katmanı Uyumluluğu

• Metin olmayan her içeriğin aynı amaca hizmet eden bir metin alternatifi vardır.
• Yalnızca ses ve yalnızca video sunumları dahil olmak üzere zamana dayalı herhangi bir medyanın kolayca erişilebilir bir alternatifi vardır.
• Önceden kaydedilmiş tüm senkronize medyaların altyazıları vardır.
• Herhangi bir içeriğin okuma sırası programlı olarak belirlenebilir. İçerik mantıksal bir sırayla sunulur ve klavyeyle gezinme bu sırayı takip eder.
• Talimatlar, web sitesi içeriğinin nasıl çalıştırılacağını açıklamak için yalnızca renk, ses veya görsel yönlendirme gibi duyusal özelliklere dayanmaz.
• Renk, hiçbir zaman bilgi istemlerinin, bağlantıların veya diğer görsel öğelerin varlığını iletmenin tek yolu olarak kullanılmaz.
• Ses 3 saniyeden fazla otomatik olarak çalmak üzere programlanmışsa, sistem ses seviyesinden bağımsız olarak sesi duraklatmak veya ses seviyesini azaltmak için bir mekanizma mevcuttur.
• Kullanıcılar bir web sitesinin tüm işlevlerine yalnızca bir klavye ile erişebilirler.
• Giriş alanları, bir kullanıcının hareketlerinin zamanlaması alanın işlevi için gerekli olmadıkça, belirli bir tuş vuruşu zamanlaması gerektirmeyebilir.
• Bir bileşene klavye ile erişilebiliyorsa, o bileşenden klavye kullanılarak ayrılmak da mümkün olmalıdır.
• Bir sayfa bileşeninden çıkış komutunun olması gerekiyorsa, Escape veya Tab gibi yazdırılamayan tek bir tuş olmalıdır.
• Tek harfli kısayollar aşağıdaki özelliklerden en az birine sahip olmalıdır:
  • Kısayolu devre dışı bırakmanın her zaman bir yolu olmalıdır.
  • Yazdırılamayan bir karaktere kısayolu yeniden eşlemek için bir mekanizma vardır.
  • Kısayol yalnızca belirli bir bileşende çalışır ve yalnızca o bileşene odaklanıldığında etkindir.
• Kullanıcılar, açık artırma gibi gerçek hayattaki bir işlevin önemli bir parçası olmadığı sürece, içerikteki süre sınırlarını uzatabilmeli veya kapatabilmelidir.
• Kullanıcılar, yanıp sönen veya kayan özellikleri gizleyebilmelidir. Tek istisna, gerçek acil durum uyarıları içindir.
• Hiçbir özellik bir saniyede üç defadan fazla yanıp sönemez.
• Yinelenen içerik bloklarını atlamak için bir mekanizma mevcut olmalıdır.
• Tüm sayfa başlıkları, sayfanın konusunu ve amacını açıklamalıdır.
• Bir sayfada sırayla gezinildiğinde, bileşenlerin klavyeyle erişildiğinde doğru sırayla odağı alması gerekir.
• Herhangi bir çoklu giriş hareketinin tek bir giriş alternatifi vardır.
• Bir işlev bir tıklama ile etkinleştirildiğinde, aşağıdaki erişilebilirlik özelliklerinden birini kullanmalıdır:
  • Tek başına aşağı tıklama işlevi etkinleştirmez.
  • Tıklamayı geri alma veya iptal etme seçeneği vardır.
  • İşaretçi düğmesinin bırakılması tıklamayı iptal eder.
  • Tek istisna, işlevin bir klavyeyi veya tuş takımını taklit edecek şekilde tasarlanmasıdır.
• Bir düğme metin veya resimler içerdiğinde, düğmenin adı bu adı içerir veya düğmenin görsel içeriğini tanımlar.
• Hareketle etkinleştirilen işlevlerin ayrıca kullanıcı arabirimi aracılığıyla etkinleştirmenin bir yolu olmalıdır. Tek istisna, hareketin aktivitenin önemli bir parçası olduğu ve GUI'nin muhtemelen işlevi kopyalayamadığı durumdur.
• Bir web sayfasının varsayılan dili programlı olarak belirlenebilir.
• Düğmeler ve diğer etkileşimli bileşenler, kullanıcıdan odak aldıklarında amaçlarını değiştiremezler.
• Kullanıcı ayarlarının değiştirilmesi, düğmelerin veya etkileşimli öğelerin bağlamını değiştirmemelidir.
• Giriş hatalarının net bir adı ve metin açıklaması olmalıdır.
• Herhangi bir giriş alanında net bir etiket ve talimat bulunmalıdır.
• Tüm kullanıcı arabirimi bileşenlerinin adı, rolü ve durumu programlı olarak belirlenebilir.
• İşaretleme diliyle uygulanan herhangi bir içerik veya özellik, doğru etiketlere sahiptir ve benzersiz kimlikler kullanır.

AA Katmanı Uyumluluğu

• Canlı senkronize medya içeriği altyazılı olarak sunulacaktır.
• Önceden kaydedilmiş medya, sesli açıklamalı altyazılara sahip olmalıdır.
• Yönlendirme, içeriğin önemli bir özelliği olmadığı sürece, bir sayfanın yönü (yatay veya dikey), görünümü veya işlemi kısıtlamaz.
• Kullanıcı bilgilerini toplayan herhangi bir girdinin amacı açıkça etiketlenmiştir ve programlı olarak belirlenebilir.
• Normal metin 4,5:1 kontrasta sahip olmalıdır.
• 18pt veya daha büyük yazı tipi boyutuna sahip metinler 3:1 kadar düşük bir kontrast oranına sahip olabilir. Tamamen dekoratif metinler ve kurumsal logolar bu standartlardan muaftır.
• Metin, %200'e kadar yeniden boyutlandırıldığında tüm içeriği ve işlevselliği korumalıdır.
• Metnin görselleri, gerçek metnin yeterli olacağı hiçbir yerde kullanılmamalıdır. Resmin sanat veya antika belgelerin sunumları gibi pratik bir alternatifi yoksa, resmin bir açıklaması mevcut olmalıdır.
• İçerik, %400'e kadar ölçeklendiğinde 320 CSS pikseli (dikey kaydırma) veya 256 CSS pikseli (yatay kaydırma) genişliğine yeniden akmalıdır
• Kullanıcı arabirimi bileşenleri ve dekoratif olmayan renk ayrımı en az 3:1 kontrasta sahip olmalıdır.
• Minimum Metin Aralığı:
  • Satır Yüksekliği, yazı tipi boyutunun 1,5 katıdır.
  • Paragraf Aralığı, yazı tipi boyutunun 2 katıdır
  • Harf Aralığı yazı tipi boyutunun 0.12 katıdır
  • Sözcük Aralığı, yazı tipi boyutunun 0.16 katıdır.
  • Belirli bir dil veya komut dosyası bu boşluk seçeneklerinden birini desteklemiyorsa, erişilebilirlik amacıyla bu seçenekten muaftır.
• Hover veya Klavye Odağında İçerik Göründüğünde:
  • Odağı değiştirmeden içeriği kapatmanın bir yolu olmalı.
  • İşaretçi veya odak üzerinde kaldığı sürece içerik kaybolmamalıdır.
  • İçerik, kullanıcı tarafından tetiklenmedikçe (yani odağı değiştirerek veya içeriği kapatarak) veya bilgi geçersiz hale gelmedikçe kaybolmamalıdır.
• Bu sayfa bir sürecin bir adımı olmadıkça, bir dizi başka web sayfası içinde bir web sayfasına erişmenin birden fazla yolu vardır.
• Tüm başlıklar ve etiketler, altındaki içeriğin konusunu veya amacını açıklar.
• Klavye odak göstergesi, uygun olduğunda her zaman görünür olmalıdır.
• Bir metin pasajının dili programlı olarak işaretlenir.
  • İsimler, teknik jargon ve makul yerel dil için istisnalar yapılabilir.
• Gezinme öğeleri, web ile ilgili sayfalarda aynı tasarımı, konumu ve amacı paylaşmalıdır.
• Giriş hataları otomatik olarak algılanır ve bunların nasıl çözüleceği konusunda önerilerde bulunulur.
• Bir web sayfası yasal bir taahhüde neden oluyorsa, finansal bir işlemle sonuçlanıyorsa veya test yanıtları gönderiyorsa, aşağıdaki özelliklerden en az birini içermelidir:
  • Gönderim geri alınabilir.
  • Web sitesi, eksiklikleri ve veri hatalarını kontrol eder ve kullanıcıya bunları düzeltme seçeneği sunar.
  • Kullanıcıya girdiği bilgileri gözden geçirme, düzeltme ve onaylama şansı verilir.
• Web sitesi, kullanıcı hata mesajına odaklanmadığında bile yardımcı teknolojiye hata ve durum mesajları sunar.

AAA Katmanı Uyumluluğu

• Önceden kaydedilmiş tüm senkronize ortamlar için işaret dili tercümesi sağlanır.
• Önceden kaydedilmiş medya, genişletilmiş sesli açıklama içeren alt yazılara sahiptir.
• Yalnızca video medyası için zamansız alternatifler sağlanır.
• Yalnızca sesli medya için zamansız alternatifler sağlanır.
• İşaretleme dilleri aracılığıyla uygulanan içerik ve kullanıcı arabirimi bileşenlerinin amacı programlı olarak belirlenebilir.
• Normal metnin kontrastı en az 7:1'dir. ve kalın metin en az 4.5:1'dir.
• Önceden kaydedilmiş ses öncelikle konuşma ise, arka plan gürültüsü olmamalıdır veya arka plan gürültüsü ile konuşma arasındaki fark en az 20 db olmalıdır. Müzik içeriği muaftır.
• Kullanıcı, metin bloklarının biçimini şu şekilde değiştirebilmelidir:
  • ön plan ve arka plan renkleri kullanıcı tarafından seçilebilir,
  • paragraflar 80 karakterden veya 40 Çince/Japonca/Korece gliften daha geniş değil,
  • satır aralığı en az 1,5 ve paragraf aralığı en az 3 olmalıdır,
  • Metin, %200'e kadar yeniden boyutlandırıldığında kullanıcının yatay olarak kaydırmasını gerektirmez.
  • Metin görüntüleri tamamen dekorasyon olarak kullanılır. Logolar muaftır.
• Bir web sitesinin tüm işlevlerine yalnızca bir klavye arayüzü ile erişilebilir.
• Bir web sitesindeki hiçbir işlev, gerçek dünyadaki olaylara bağlı olmadığı sürece zamana duyarlı olmamalıdır.
• Acil olmayan herhangi bir kesinti, kullanıcı tarafından duraklatılabilir veya kapatılabilir.
• Bir oturumun süresi dolduğunda, kullanıcılar yeniden kimlik doğrulaması yapabilmeli ve giriş bilgilerini sürdürebilmelidir.
• Bir süre hareketsiz kaldıktan sonra herhangi bir veri kaybolacaksa, kullanıcılar açıkça bilgilendirilmeli ve kullanıcı verilerini kaydetme ve daha sonraki bir tarihte devam etme seçeneği sunulmalıdır.
• Hareketli hareketler bilgi iletmek için gerekli değildir.
• Animasyonlar devre dışı bırakılabilir.
• Web sayfaları bağlantılı bir küme olduğunda, kullanıcının konumunun açık bir görsel ve programatik göstergesi olmalıdır.
• Bir bağlantının metni, bir bağlantının amacını tanımlamalıdır.
• Metin, HTML başlık etiketleriyle düzenlenir.
• Bir işaretçi için düğmeler ve diğer hedefler en az 44 piksele 44 piksel olmalıdır.
• Alternatif giriş yöntemleri, yalnızca geçerli bir güvenlik amacı için kısıtlama gerekli olduğunda programlama ile engellenebilir.
• Yabancı kelimeler, deyimler ve teknik jargon, metin işaretlemesi veya uygun bir sözlüğe bağlantılarla tanımlanır.
• Kısaltmalar tanımlanır veya tam terimi gösterecek şekilde genişletilebilir.
• 9. sınıf okuma seviyesinin üzerinde yazıldığında içeriğin basitleştirilmiş bir versiyonu mevcut olmalıdır.
• Bir kelimenin telaffuzu belirsiz olduğunda, telaffuz anahtarı eklenmelidir.
• Kullanıcı değişikliği başlatmadıkça, gezinme öğeleri bağlamı asla değiştirmemelidir.
• Bağlama duyarlı yardım veya araç ipuçları her zaman mevcuttur.
• Bir web sayfası, bir kullanıcının herhangi bir kişisel bilgi göndermesini gerektirdiğinde, şu özelliklerden en az biri dahil edilir:
  • Gönderim geri alınabilir.
  • Web sitesi, eksiklikleri ve veri hatalarını kontrol eder ve kullanıcıya bunları düzeltme seçeneği sunar.
  • Kullanıcıya girdiği bilgileri gözden geçirme, düzeltme ve onaylama şansı verilir.

Uyumlu Web Tasarımı SSS

Resmi ADA web sitesi yönergeleri nelerdir?

2008 gibi yakın tarihli revizyonlara rağmen, ADA web sitelerinden veya internet erişilebilirliğinden özel olarak bahsetmemektedir. Çevrimiçi erişilebilirlik konusunda her yıl binlerce dava açılıyor ve mahkemeler, uyumlu tasarım modeli olarak, internet standartları için uluslararası kabul görmüş bir kuruluş olan World Wide Web Consortium (W3C) tarafından yayınlanan yönergeleri kullandı. Konsorsiyumun Web İçeriği Erişilebilirlik Yönergeleri (WCAG) 1999'dan beri yayınlanmaktadır. Bu standartlar 2012 yılında bir ISO Standardı olarak kabul edilmiştir ve Avrupa ve Asya'daki web erişilebilirlik yasalarının temelini oluşturmaktadır. Amerika Birleşik Devletleri artık tüm hükümet web siteleri için WCAG AA Seviyesi Uyumluluğunu zorunlu kılıyor ve federal yargıçlar web sitesi erişilebilirliği ve Başlık III ADA ihlalleri hakkında karar verirken bu standartları referans alıyor.

Uyumluluk yönergeleri ne sıklıkla değişir?

Kılavuzlar ilk olarak 1999'da, 2008 ve 2018'de büyük revizyonlarla yayınlandı. WCAG 2.1, Haziran 2018'de yayınlanan en son güncellemedir. Çoğunlukla akıllı telefonlar ve diğer küçük dokunmatik ekranlı cihazlar için erişilebilirliği hedefleyen 17 yeni kriter içermektedir.

2.0 yönergelerinin karşılanması, erişilebilir bir masaüstü sitesiyle sonuçlanmaya devam edecektir. Ancak 2.0 standartları 11 yıl önce yayınlandı ve akıllı telefon devrimini öngörmedi. Sonuç olarak, uyumlu mobil web siteleri yapmak için hiçbir yönerge yoktur ve dokunma ve hareket tabanlı işletim girdileri için çok az rehberlik vardır. Web siteniz 2018'den önce ADA uyumlu olacak şekilde oluşturulduysa, özellikle akıllı telefondan erişildiğinde artık minimum uyumluluk standartlarını karşılamayabilir.

A, AA ve AAA uyumluluk katmanları arasındaki fark nedir?

Tier A, engelli birinin web sitenizi kullanması için mutlaka bulunması gereken unsurlar ve işlevlerdir. A-tier özelliği yoksa, web sitenize erişilemez.

Katman AA, erişilebilirlik için şiddetle tavsiye edilen öğeleri içerir. Herhangi bir AA özelliği eksikse, görme veya fiziksel engelli kişilerin web sitenizde gezinmesi çok zor olacaktır. ADA uyumluluğu için bu, minimum düzeyde kabul edilebilir erişilebilirlik katmanıdır.

Tier AAA, en gelişmiş erişilebilirlik özelliklerini içerir. Bu özelliklerin tümü her web sitesinde veya dijital platformda mümkün değildir. Mümkün olduğunca çok sayıda AAA özelliği veya kısmi AAA özelliği eklemeniz önerilir, ancak tam AAA uyumluluğu çoğu web sitesi veya işletme türü için makul bir hedef değildir.

ADA Uyumlu Web Tasarım İlkeleri

algılanabilir

• Uyarlanabilir: İçerik, büyütüldüğünde veya bir ekran okuyucu tarafından işlendiğinde olduğu gibi, alternatif bir biçimde sunulduğunda yapısını veya işlevselliğini kaybetmemelidir.
• Ayırt Edilebilir: Metin ve arka plan renkleri ve açıkça işaretlenmiş köprüler ve düğmeler arasındaki kontrast da dahil olmak üzere, görsel ve işitsel içerik net ve belirgin olmalıdır.
• Zamana Dayalı Medya Alternatifleri: Ses ve video içeriği için, ses kliplerinin tam dökümü ve herhangi bir grafik veya çizelgenin yazılı açıklamaları gibi, kolay erişilebilir alternatifler olmalıdır.

çalıştırılabilir

• Klavyeyle Erişilebilir: Bir web sitesinin tüm işlevleri yalnızca bir klavyeyle kullanılabilir olmalıdır. Hareketler ve fare kullanımı asla tek giriş yöntemi olmamalıdır.
• Gezinebilir: Bir kullanıcının bir web sitesinde nerede olduğuna ve çeşitli bağlantılı sayfalara nasıl ulaşılacağına dair net göstergeler olmalıdır. Tüm düğmeler, bağlantılar ve giriş alanları açıkça etiketlenmeli ve kolayca ayırt edilmelidir.
• Erişilebilir Hareketler ve Girdiler: İşlevsellik hiçbir zaman yola dayalı veya çok noktalı hareketlere veya işaretçi etkinliğine bağlı olmamalıdır ve herhangi bir girdinin iptal veya geri alma seçeneği olmalıdır.

anlaşılır

• Okunabilir: Herhangi bir metin içeriği yardımcı ekipman tarafından çözümlenebilmelidir.
• Öngörülebilir: Web sayfaları tutarlı ve mantıklı bir şekilde çalışmalıdır. Gezinme düğmeleri kullanımdan önce ve sonra aynı bağlamı korumalıdır ve bağlamdaki herhangi bir değişiklik kullanıcı için net olmalıdır.
• Giriş Yardımı: Web sayfaları, kullanıcıların olası hatalardan kaçınmasına ve düzeltmesine yardımcı olmalıdır. Herhangi bir hata mesajının net bir açıklaması, onu çözmek için bir önerisi ve bir etiketi olmalıdır.

güçlü

• Geriye Dönük Uyumluluk: Web siteleri, mevcut tüm standartları karşılamanın yanı sıra önceki nesil yardımcı teknolojilerle arayüz oluşturabilmelidir.
• Yardımcı Teknolojiler için Tasarlandı: Bir web sitesinin tüm öğeleri, ekran okuyucular ve diğer yardımcı cihazlar tarafından programlı olarak belirlenebilen adlara, rollere ve değerlere sahip olmalıdır.
• İşaretleme ve Durum Mesajları: Metin işaretleme ve önemli durum mesajları, mesaj o anda odakta olmasa bile ekran okuyucuların erişebileceği şekilde programlanmalıdır.

Küçük İşletmeler ADA Uyumlu Olmalı mı?

Küçük işletmeler, çoğu mevsimlik işletmeler ve dini kurumlar, Başlık III gerekliliklerinin çoğundan yasal olarak muaftır. Bir aileye ait sandviç dükkanının tekerlekli sandalye rampası kurması yasal olarak gerekli değildir ve yerel hobi dükkanı, web sitelerinin ürün fotoğraflarına alternatif metin koymayı unuttuğu için dava edilemez. Buna rağmen, çevrimiçi varlığı olan en küçük şirketin bile ADA uyumluluğunu düşünmesi mantıklıdır.

Uyumsuz olmak, okunması zor metinler ve zor gezinmeden daha fazlası anlamına gelir. Resimlerdeki alt metin ve giriş alanlarını doldurma talimatları gibi temel öğeler eksik olduğunda, müşteriler bir satın alma işlemini tamamlayamayabilir. Bazı eski tasarım özellikleri, yardımcı ekran okuma teknolojisine sahip kişilerin telefon numaranızı ve adresinizi görmesini bile engelleyebilir. Çevrimiçi olarak kolayca erişilebilir olmak, neredeyse tüm küçük dükkanlar için mantıklıdır.