Web erişilebilirliği davaları: 4 Gerçek hayattan örnek ve çıkarımlar

ABD'de 61 milyondan fazla kişi engelli yaşıyor (CDC). Nüfusun bu kadar büyük bir bölümünü dışlamak, iş açısından çok büyük bir kaçırılmış fırsatı temsil ediyor. Erişilebilir web siteleri oluşturmak, ahlaki ve yasal nedenlerle çok önemlidir. Web tasarım hizmetlerinizin bir parçası olarak erişilebilir tasarım sunmak, müşterileriniz için önemli bir katma değerdir ve sizi kesinlikle rakiplerinizden ayırabilir.

Dijital erişilebilirlik, inanılmaz bir web sitesi oluşturmakla başlar. Müşterilerinize erişilebilirlik sunmaya hemen başlamak için "Yerel işletmelere web sitesi hizmetleri satmak için 6 Adımlı kılavuz"u indirin.

Bu makalede, Engelli Amerikalılar Yasası'ndan (ADA) önemli noktaları tanıtacağız ve erişilebilirlik davalarına maruz kalan bazı web sitelerini göstereceğiz. Ek olarak, yüksek maliyetli yasal sorunlardan kaçınmanıza ve müşterinizin web sitelerinin kullanıcılar tarafından erişilebilir kalmasını sağlamanıza yardımcı olacak bazı ipuçları ve en iyi uygulamaları sağlayacağız.

İçindekiler

• Web erişilebilirliği neden önemlidir?
• Engelli Amerikalılar Yasası (ADA) nedir?
• Web erişilebilirliği davalarının gerçek dünyadan örnekleri
  • Domino's Pizza, Guillermo Robles'e Karşı
  • Mary Conner, Parkwood Entertainment'a Karşı
  • Gil, Winn-Dixie'ye Karşı
  • Ulusal İşitme Engelliler Derneği, Harvard + MIT'ye Karşı
• Erişilebilirlik için web sitesi tasarım ipuçları ve en iyi uygulamalar
  1. WCAG 2.1 yönergelerini anlama
  2. Klavye erişilebilirliği için tasarlama
     • Klavye odağı
     • Sekme emri
     • Klavye tuzağı yok
  3. Resimler için alternatif metin sağlama
     • Etkili alternatif metin oluşturmak için ipuçları
  4. Uygun renk kontrastını kullanma
  5. Erişilemeyen içerikten kaçınma
  6. Web sitesi erişilebilirliğini test etme
• Sıkça Sorulan Sorular
  • Erişilebilirlik davası nedir?
  • En büyük erişilebilirlik davası nedir?

Web erişilebilirliği neden önemlidir?

Web erişilebilirliği, müşterileriniz için siteler geliştirirken dikkate alınması gereken kritik bir konudur çünkü erişilemeyen web siteleri, işitme veya görme bozukluğu gibi engellerle yaşayan ziyaretçileri dışlama riski taşır. Bu sadece bir ayrımcılık biçimi değil, aynı zamanda bir grup potansiyel müşteriyi dışlayarak müşterinizin ticari büyümesini de sınırlandırıyor.

Dahası, dijital erişilebilirlik yasal bir sorun olabilir. Engelli Amerikalılar Yasası (ADA), engelli bireyler için konaklama sağlamamanın bir tür ayrımcılık olduğunu şart koşar. Bu nedenle, web sitesi erişilebilirlik davaları giderek daha yaygın hale geliyor. 2022'de ABD'de 3.200'den fazla web sitesi erişilebilirlik davası açıldı (Codemantra). Uyumlu olmayan işletmeler için bu davalar, erişilebilir bir web sitesi sağlayamama nedeniyle çok büyük yasal ücretler, para cezaları ve kötü baskı anlamına gelir.

Engelli Amerikalılar Yasası (ADA) nedir?

Engelli Amerikalılar Yasası, engelli yaşayan bireyleri ayrımcılığa maruz kalmaktan korumak için geliştirilmiştir. ADA, 1990 yılında yasayla imzalandı ve istihdam, ulaşım, toplu konaklama yerleri (mağazalar, restoranlar, ofis binaları vb.), iletişim ve daha fazlasında ayrımcılığı yasaklıyor. ADA kapsamında, web siteleri ve diğer iletişim platformlarının engelli yaşayan bireylere kolaylık sağlaması gerekmektedir.

Web İçeriği Erişilebilirlik Yönergeleri (WCAG), web içeriği erişilebilirliği için uluslararası bir standart belirlemek amacıyla Web Erişilebilirlik Girişimi (WAI) tarafından geliştirilmiştir. ADA'ya uymak ve engelli bireyler için web'de gezinme deneyimini geliştirmek amacıyla oluşturulmuştur. Bu yönergeler, web tasarımcılarının, web sitelerinde özgürce gezinebilmelerini sağlamak için engelli bireyler için yapılması gereken farklı düzenlemeleri düşünmelerine yardımcı olur. Erişilebilir web siteleri tasarlama söz konusu olduğunda bunlar altın standarttır.

Web erişilebilirliği davalarının gerçek dünyadan örnekleri

Bir web erişilebilirlik davasından etkilenme şansınızın düşük olduğunu düşünüyorsanız, tekrar düşünün. Bu davalar giderek yaygınlaşıyor ve her büyüklükteki işletmeyi etkileyebilir. İşte farkında olmanız gereken bazı güncel örnekler.

Domino's Pizza, Guillermo Robles'e Karşı

2016 yılında, Guillermo Robles adlı kör bir adam, pizza zinciri Domino's'un çevrimiçi platformu üzerinden özel bir pizza sipariş etmek için birkaç başarısız girişimin ardından dava açtı. Ekran okuyucu yazılımın yardımıyla bile, Robles çevrimiçi sipariş veremedi. Robles, davada ADA'ya atıfta bulunarak, Domino's'un fiziksel konumları (kamuya açık konaklama yerleri) olan bir işletme olması nedeniyle web sitesini engelli bireyler için erişilebilir hale getirme yükümlülüğü olduğu konusunda ısrar etti.

Domino's, yasa 1990'da yürürlüğe girdiğinde mevcut haliyle mevcut olmadıkları için ADA'yı web platformlarına yerleştirmek için net yönergeler olmadığını iddia ederek karşı çıktı.

Nihayetinde, Yüksek Mahkeme Robles'in yanında yer aldı. Haziran 2021'de bir yargıç, Domino's'un tamamen erişilebilir bir web sitesi sağlamayarak ADA'yı ihlal ettiğine karar verdi ve şirkete, sitesini WCAG 2.0 standartlarına uyumlu hale getirmesi emredildi.

Mary Conner, Parkwood Entertainment'a Karşı

2019 yılında, Beyonce'nin Parkwood Entertainment şirketine karşı, beyonce.com web sitesinin görme engelli ziyaretçileri ağırlamadığı için ADA'yı ihlal ettiği iddiasıyla bir toplu dava açıldı.

Dava, oldukça görsel bir platform olan web sitesinin, site genelinde görseller üzerinde yeterli alternatif metin sağlamadığını ve bu nedenle, ekran okuma yazılımı kullanan görme engelli ziyaretçilerin web sitesi üzerinden yeterince yorum yapmasını veya alışveriş yapmasını imkansız hale getirdiğini savunuyor. Dava ayrıca, erişilebilir gezinme bağlantılarının ve menülerinin olmaması da dahil olmak üzere web sitesiyle ilgili diğer şikayetleri de listeliyor. Bu davanın sonucu halen beklenmektedir.

Gil, Winn-Dixie'ye Karşı

Bakkal perakendecisi Winn-Dixie'ye karşı 2017 yılında açılan bir dava, şirketi ADA'yı ihlal etmekle suçladı. Davacı Juan Carlos Gil, ekran okuyucusunun web sitesini yorumlayamaması, ürün sipariş etmesini veya hesap ödüllerine erişmesini engellemesi üzerine davayı açtı. Davacı, web sitesinin halka açık bir konaklama yeri olarak görülmesi gerektiğini ve bu nedenle ADA yönergelerine uyması gerektiğini savundu.

Ne yazık ki, mahkemeler sonunda Winn-Dixie'nin lehine karar verdi ve web sitesini kullanamayan müşterilerin bir vitrini ziyaret edebileceğini belirtti. Ancak Winn-Dixie, davayı kazanmasına rağmen gelecekte tamamen erişilebilir olmasını sağlamak için web sitesini WCAG 2.0 standartlarına uygun hale getirmeyi taahhüt etmiştir.

Ulusal İşitme Engelliler Derneği, Harvard + MIT'ye Karşı

2015 yılında, Ulusal Sağırlar Derneği (NAD), bireysel davacılarla ortaklaşa, hem Harvard hem de MIT aleyhine dava açtı. Bu davalar, her üniversitenin, sağır ve işitme güçlüğü çeken bireyler için ücretsiz çevrimiçi içeriği eşit şekilde erişilebilir hale getirmediği için ADA'yı ihlal ettiğini ileri sürdü.

Her iki üniversitenin bu web sitesi erişilebilirlik davalarının reddedilmesine yönelik birçok girişiminden sonra, önergeleri mahkemeler tarafından defalarca reddedildi. 2020'de her iki dava da hem Harvard hem de MIT'nin halka açık çevrimiçi içeriği işitme kaybı olan bireyler için eşit derecede erişilebilir olacak şekilde güncellemesi gereken anlaşmalara ulaştı.

Erişilebilirlik için web sitesi tasarım ipuçları ve en iyi uygulamalar

Web erişilebilirliği ahlaki açıdan önemlidir. ADA uyumlu bir web sitesi ile müşterileriniz, nüfusun bir kısmına karşı ayrımcılık yapmaktan kaçınabilir. Ayrıca, erişilemeyen bir web sitesi, onları müşterinizin ürün veya hizmetlerinin avantajlarından mahrum bırakır. Web siteleri tasarlarken dijital erişilebilirliği hesaba kattığınızdan emin olmak için bu web sitesi tasarım ipuçlarını izleyin.

1. WCAG 2.1 yönergelerini anlama

WCAG 2.1 yönergelerini anlamak, ADA uyumlu bir web sitesi oluşturmanın ilk adımıdır. Yönergeler, görme bozukluğu, körlük, işitme kaybı, ışığa duyarlılık ve daha fazlası dahil olmak üzere çok çeşitli engelleri olan bireyler için önerilen düzenlemeleri özetlemektedir. Belge gelişmektedir, bu nedenle web geliştirmede çalışan herkes web erişilebilirlik standartları hakkında bilgi sahibi olmalı ve yeni standartlar getirildikçe uyum sağlamaya hazır olmalıdır.

WİEK yönergeleri oldukça ayrıntılıdır, ancak erişilebilir bir web sitesinin bazı temel unsurları aşağıdakileri içerir:

• Web sitesi görüntülerinin ve görsel öğelerinin yeterli açıklamalarını sağlayan alternatif metin
• Web sitesi metni ve arka planları arasında güçlü renk kontrastı
• Klavye kullanarak (fare veya izleme dörtgeni olmadan) bir web sitesine göz atma yeteneği
• Video içeriğine altyazı ekleme
• Ve dahası…

Aşağıda bu öğelerin her birini daha ayrıntılı olarak inceleyeceğiz, ancak bu, erişilebilir bir web sitesi oluşturmak için gerekenlerin yalnızca başlangıcıdır. Müşteriler için oluşturduğunuz tüm web sitelerinin uyumlu olduğundan emin olmak için WCAG 2.1 yönergelerini inceleyin.

2. Klavye erişilebilirliği için tasarlama

Görme bozukluğu veya motor engelleri olan web sitesi ziyaretçileri, bilgisayar faresi veya izleme dörtgeni kullanmakta zorlanabilirler. Bunun yerine, bu kişiler web sitelerinde gezinmek için klavye erişilebilirliğine güvenirler. Aşağıdakiler, klavyeyle erişilebilen bir web sitesinin temel bileşenleridir.

Klavye odağı

Klavye odak öğeleri, bir klavye kullanılarak tetiklenebilen veya etkinleştirilebilen düğmeler, bağlantılar, onay kutuları veya alanlar gibi öğelerdir. Klavyeyle erişilebilen bir web sitesinde, kullanıcı bu öğelerin her birini yalnızca klavye aracılığıyla kontrol edebilir. Klavye odağı, bir metin alanı veya düğmenin etrafındaki renkli ana hatlar gibi belirli bir öğenin seçildiğini gösteren görsel bir göstergeyi ifade eder. Bu odak göstergesi, bireylerin herhangi bir zamanda web sitesinin hangi öğesini manipüle ettiklerini belirlemelerine yardımcı olmak için gereklidir.

Sekme emri

Sekme tuşu, bir klavye odak öğesinden diğerine geçmek için kullanılır. Mantıksal sekme sırası, klavye erişilebilirlik özelliklerine güvenen kişiler için olumlu bir kullanıcı deneyimi sağlamak açısından kritik öneme sahiptir. Çoğu durumda, sekme sırası sayfanın görsel akışıyla tutarlı olmalıdır. Diğer bir deyişle, öğeler sayfada göründükleri sırayla seçilmelidir. Ancak, en sezgisel sekme sırası sayfanın tasarımına göre değişiklik gösterebilir.

Klavye tuzağı yok

"Klavye tuzağı" ifadesi, klavyeyle bir web sitesinde gezinirken meydana gelebilecek hataları ifade eder. Örneğin, bir kullanıcı belirli bir odak öğesinden uzaklaşamıyorsa, bu bir klavye tuzağı olarak kabul edilir. Sitede klavye tuzakları bulunmadığından emin olmak için açılır pencereler, widget'lar, galeriler ve daha fazlası dahil olmak üzere bir web sitesinin her yönünü kapsamlı bir şekilde test etmek çok önemlidir. Tarama deneyimi için gerekli olduğundan, boş durum sayfalarında da klavye tuzaklarını test etmeyi unutmayın.

3. Resimler için alternatif metin sağlama

"Alt metin" veya alternatif metin, bir web sitesindeki resimlerin meta verilerine gömülü açıklayıcı bir ifade veya cümledir. Görme bozukluğu olan kişiler, web sitelerinde gezinmek için ekran okuyucu yazılımı kullanır ve bu ekran okuyucular, bir web sitesinin görsel öğelerini açıklamak için alternatif metne güvenir. Bir sitedeki editoryal görseller, grafikler, infografikler, diyagramlar, illüstrasyonlar ve simgeler dahil olmak üzere dekoratif olmayan her görsele alternatif metin eklenmelidir.

Etkili alternatif metin oluşturmak için ipuçları

Çoğu durumda, resim için bağlam sağlarken alternatif metin kısa ve öz olmalıdır. Örneğin, Labrador Retrieverleri ile ilgili bir web sitesinde römorkör oynayan iki köpeğin fotoğrafını tanımladığınızı varsayalım. Etkili alternatif metne bir örnek, "İki Labrador çekiştiriyor" olabilir. Bu metin, görüntüdeki köpeklerin cinsini belirterek bağlam sağlarken görüntüyü doğru bir şekilde tanımlar.

Diyagramlar veya grafikler gibi daha karmaşık görseller için, grafiğin gösterdiği şeyi iletmek için iki veya üç alternatif metin cümlesi gerekebilir. Örneğin, grafik bir Labrador Retriever'in yaşına göre ortalama ağırlığını gösteriyorsa, alternatif metin şöyle diyebilir: "Bir grafik, Labrador Retrieverlerin tipik olarak dört ayda X pound, dokuz ayda X pound ağırlığında olduğunu gösteriyor..."

Alternatif metin yazarken, açıklamanın, görmeseler bile bir kişinin görüntünün ne ilettiğini anlaması için yeterli bilgi sağladığından emin olun.

4. Uygun renk kontrastını kullanmak

Metin ve web sayfası arka planları arasında yeterli renk kontrastını birleştirmek, web erişilebilirliği için çok önemlidir. Renk kontrastı yeterince güçlü olmadığında, görme engelli kullanıcılar sitede etkili bir şekilde okumakta ve gezinmekte zorlanabilirler. Bu yalnızca korkunç bir kullanıcı deneyimi sağlamakla kalmaz, aynı zamanda site sahibini bir web sitesi erişilebilirlik davasına karşı savunmasız bırakır.

Bir sitedeki renk kontrastı çok inceyse, görme bozukluğu olanlar metni okumakta zorlanabilir ve bu da kötü bir kullanıcı deneyimine yol açabilir. WCAG 2.1 yönergeleri, bir web sitesindeki normal metin için 4,5:1 kontrast oranı ve büyük metin için 3:1 kontrast oranı önermektedir.

WCAG 2.1 yönergeleri ayrıca renk kontrastı hakkında öneriler sunar. Tasarladığınız bir sitenin yazı tipi renginin ve arka plan renginin yeterli kontrastı sağlayıp sağlamadığından emin değilseniz, kontrol etmek için çevrimiçi araçları kullanabilirsiniz. "Web sitesi erişilebilirlik denetleyicisi" için hızlı bir Google araması, çeşitli seçenekler sağlayacaktır. Müşterilere web sitesi tasarım hizmetleri sunarken modaya uygun renkler veya tasarımlardan ziyade renk kontrastına öncelik vermeyi unutmayın.

5. Erişilemeyen içerikten kaçınma

Bir web sitesindeki tüm içeriğin engelli bireyler tarafından erişilebilir olması gerekir, bu nedenle renk kontrastı ve alt metin gereksinimleri vardır. Bir web sitesi video içeriği barındırıyorsa, içeriği işitme engelli kullanıcılar için erişilebilir kılmak için videolarda sesli açıklamalar veya altyazılar bulunmalıdır. Neyse ki, video içeriğinin yazıya dökülmesine yardımcı olacak birçok deşifre hizmeti mevcuttur ve Rev ve Otter Ai gibi hizmetler, video alt yazılarını kaynak bulmayı kolay ve uygun maliyetli hale getirir.

Web sitesi ziyaretçilerinin mobil cihazlarda gezindiği bu günlerde, işitme engelli olmayan kişiler bile videolardaki alt yazıları takdir ediyor. Altyazılar, kullanıcıların sesin rahatsız edici veya duymanın zor olabileceği kamusal alanlarda video içeriği kullanmasına olanak tanır. Bunu göz önünde bulundurarak videolarınıza altyazı eklemek, videoların daha kolay tüketilmesini sağlayarak izlenme sayınızı artırabilir.

6. Web sitesi erişilebilirliğini test etme

Erişilebilir bir web sitesi tasarlamak bir şey, erişilebilirlik özelliklerine güvenen biri olarak siteye göz atmak başka bir şey. Web sitesinin erişilebilirliğini test etmek, sitenin engelli bireyler için gerçekten işlevsel olduğundan emin olmak için çok önemlidir. Bu, müşterilerinizi yalnızca web sitesi erişilebilirlik davalarından korumakla kalmayacak, aynı zamanda engelli müşterileri istemeden dışlamalarını da önleyecektir.

Web sitesi erişilebilirlik denetleyicileri, bir müşterinin sitesindeki erişilebilirlik sorunlarını saptamanın harika bir yoludur. EqualWeb ve AccessiBe gibi araçlar, sayısız erişilebilirlik denetleyicisinden yalnızca birkaç örnektir. Bu araçlar, web sitelerini tarar ve web sitesinin ADA uyumlu olduğundan emin olmak için düzeltebileceğiniz uyumluluk sorunlarını belirler.

Farklı erişilebilirlik denetleyicileri, taramaları için temel olarak farklı uyumluluk standartları kullanır, bu nedenle ADA ve WCAG 2.1 uyumluluğu için tarama yapan birini seçtiğinizden emin olun. Aksi takdirde denetleyici, dikkate almanız gereken tüm erişilebilirlik sorunlarını yakalayamayabilir.

Sıkça Sorulan Sorular

Erişilebilirlik davası nedir?

Bir web sitesi erişilebilirlik davası, sitesi web erişilebilirliğiyle ilgili ADA yönergelerine uymayan bir web sitesi sahibine karşı açılan bir davadır. Yani, web siteleri engelli bireyler tarafından erişilebilir değilse, bir işletme veya kişi dava edilebilir.

En büyük erişilebilirlik davası nedir?

Bugüne kadarki en büyük erişilebilirlik davası, Ulusal Körler Federasyonu - Target Corporation davasıydı. Dava 2018'de 6 milyon dolara karar verdi.