Web Sitesi Erişilebilirlik Davaları Büyüyor: WordPress Siteleri Nasıl ADA Uyumlu Olabilir?

Engelli Amerikalılar Yasası'na (ADA) ne kadar aşinasınız? Ne yazık ki, her yıl daha fazla web sitesi sahibi, ADA'ya uymadıkları için dava edildiğinde zor yoldan öğreniyor. ADA, engelli bireylere barınma, istihdam, ulaşım, toplu barınma, iletişim ve belediye düzeyine kadar hükümet programlarına veya hizmetlerine adil ve eşit erişim verilmesini sağlamak için kurulmuştur.

Önde gelen bir uluslararası hukuk firması olan Seyfarth Shaw LLP, 2022'de federal mahkemelerde "engelli davacıların web sitelerini erişilebilir olacak şekilde tasarlanmadıkları ve/veya yardımcı teknolojilerle çalışmadıkları için kullanamadıkları iddiasıyla" açılan 3.255 dava olduğunu bildirdi. ” 2010'dan bu yana her yıl bu sayı %10 veya daha fazla arttı. Web sitesiyle ilgili erişilebilirlik davaları artık tüm ADA Başlık III davalarının %37'sini oluşturuyor.

Peki "WordPress ADA uyumlu olmak" ne anlama geliyor?

ADA Çevrimiçi Olarak da Uygulanıyor

ADA mevzuatı, engelli insanlar için erişilebilirliğin sadece fiziksel dünyada gerçekleşen bir şey olmadığını açıkça ortaya koymuştur. Aynı zamanda çoğumuzun çalıştığı ve çok zaman geçirdiği dijital alanlar için de geçerli. Temel hizmetler sunan işyerleri ve kamusal alanlar veya ofislerin herkes tarafından erişilebilir olması gerekir. Web siteleri de öyle.

Ve dijital dünya, sahip olduğunuz ve işlettiğiniz WordPress web sitesini içerir.

Bu nedenle, ADA ile tam uyumlu WordPress siteleri oluşturmak gereklidir.

İyi haber şu ki, çok sayıda yazılım programı ve özel araç, bir WordPress site sahibi olarak ADA uyumlu olmanıza yardımcı olacak. Yerleşik birkaç uygulamayı takip edin ve kullanmak için bazı önemli araçlar koyun. Bu, site içeriğinizin engelli bireyler de dahil olmak üzere herkes tarafından kullanılabilir ve erişilebilir olmasını sağlayacaktır.

Bu kılavuzda, Engelli Amerikalılar Yasasını ve olası yasal işlemlerden kaçınmak için çevrimiçi mülklerinizde neden buna uymanız gerektiğini ayrıntılı olarak ele alacağız. Erişilebilir web siteleri oluşturmak için başka pek çok neden vardır ve bunların site sahiplerine doğrudan faydaları vardır.

Son olarak, bugünden itibaren kullanabileceğiniz dört temel erişilebilirlik ipucundan bahsedeceğiz.

Hadi bir bakalım.

WordPress Web Sitenizin Neden ADA Uyumlu Olması Gerekiyor?

Amerika Birleşik Devletleri federal yasası, herhangi bir işletmenin, bir bireyin fiziksel yeteneklerine dayalı olarak iş veya barınma talebini reddetmesini tamamen yasaklayan güçlü korumalar içerir.

ADA, aşağıdakilere adil erişim talep eder:

• Halka açık yerler
• Toplu taşıma
• Eğitim
• …ve dahası…

Fiziksel dünyanın ötesinde, ADA korumaları tüm bilgi teknolojilerini ve elektronik erişilebilirliği de kapsar.

Bu nedenle, ADA uyumluluğu yayınlanan hemen hemen her web sitesini etkiler. Ve yasa olmasa bile, WordPress sitenize mümkün olduğu kadar çok kullanıcı tarafından erişilebilir olmasını sağlamak yine de harika bir uygulamadır.

Daha spesifik olarak, ADA, bireylerin en az 15 personeli olan özel bir işveren olmaları durumunda erişilebilirlik politikalarına uymaları gerektiğini açıkça belirtmektedir.

Ayrıca, tescilli bir hayır kurumu gibi kamu yararına çalışan bir işletmeye sahipseniz ADA uyumluluğu zorunludur.

Bunun ötesinde, okullara yönelik siteler de dahil olmak üzere tüm yerel ve eyalet devlet dairesi web siteleri %100 ADA uyumlu olmalıdır.

WordPress ADA Uyumlu Bir Web Sitesine Sahip Olmak Ne Anlama Geliyor?

Önce ADA tarafından uygulanan web sitesi erişilebilirlik standartlarından birkaçına göz atalım:

• ADA uyumlu bir web sitesi, görme engelli site kullanıcılarının ekran okuyucular kullanarak sitenizin içeriğini algılamasını sağlamalıdır.
• Site , tüm ses içeriğinin transkripsiyonlarını veya altyazılarını sağlamalıdır. Bu, sağır kullanıcıların sitenin içeriğini almasına izin verir.
• Geleneksel bir bilgisayar faresi kullanamayan kullanıcıların sitede gezinebilmesi için destekleyici klavye gezinme özelliğine sahip olması gerekir.
• WordPress ADA uyumlu bir site, renk körü veya ışığa duyarlılığı olan kullanıcıları barındırmaya yardımcı olan erişilebilir bir görsel tasarım uygulayacaktır.

Bunun, ADA uyumlu standartların kapsamlı bir listesi olmadığını unutmayın. Bu kılavuzda ilerledikçe, WordPress sitenizin tüm ADA gereksinimlerini nasıl karşılayabileceğinin tüm ayrıntılarını daha ayrıntılı olarak ele alacağız. Erişilebilirliğin teknik yönleriyle ilerlerken, bu büyük resmi (ve faydalarını) göz önünde bulundurun.

ADA Uyumlu Bir WordPress Web Sitesine Sahip Olmamanın Olası Sonuçları Nelerdir?

Unutmayın, siteniz bu standartları tam olarak karşılamıyorsa, kendinizi yasalarla ilgili bir sorunla karşı karşıya bulabilirsiniz. Engelli bireylerin WordPress web sitenize kolayca erişmelerini ve bunları kullanmalarını engellemeyi amaçlamasanız bile durum böyle olabilir. Aslında, ADA uyumluluğu durumunda, niyet yasadan ayrıdır.

Ve bu teorik bir tehdit değil. Son yıllarda, ADA'ya uygun web siteleriyle ilgili birçok yüksek profilli dava açıldı. Bu davalardan en çok ilgi göreni Domino's Pizza markasına karşı açılmıştı. Bu dava Amerika Birleşik Devletleri Yüksek Mahkemesine kadar gitti.

Engelli kişiler için daha erişilebilir bir WordPress sitesi oluşturmak, yapılacak en doğru şey değildir. Ayrıca markanıza ve genel işinize büyük fayda sağlayabilir.

WHO'ya (Dünya Sağlık Örgütü) göre, dünya genelinde yaklaşık 1,3 milyar insan en az bir tür engele sahiptir. Bu, tüm dünya nüfusunun yaklaşık %16'sıdır. Bu, sitenizin birçok potansiyel yeni müşterisi ve izleyicisidir.

Hedef Erişilebilirlik Davasını Kaybetmekten Ne Öğrendi?

World Wide Web Konsorsiyumu (W3C) Web Erişilebilirlik Girişimi, büyük bir ABD şirketinin erişilebilirliğe meydan okuyan web sitesine karşı etkili, erken bir ADA davası hakkında bir vaka incelemesi sunuyor: target.com. Ulusal Körler Federasyonu (NFB), Target'ın web sitesinde temel erişilebilirlik özelliklerinden yoksun olduğu için bu davada davacı olarak başarılı oldu:

• ekran okuyucu kullanan görme engelli kişiler için görüntüleri açıklayan alternatif (alt) metin
• Çevrimiçi satın alımları fare kullanmadan tamamlamak için klavye kontrolleri
• mağaza konumlarını gösteren erişilebilir resim haritaları
• Sitede gezinmeye yardımcı olan başlıklara sahip, standartlara uygun semantik HTML sayfası tasarımı

Bugün, Target Corporation web erişilebilirliği konusunda bir şampiyon. Target'ın 2016'da Dijital Dijital Sorumlusu ve Target.com'un başkanı olan Jason Goldberger, Target.com'u erişilebilir ve ADA uyumlu hale getirmek için on yıllık bir çalışmanın ardından en çok neyle gurur duyduğunu açıklıyor:

… Pek çok farklı ekipten meslektaşlarımın sorulmadan erişilebilirlik hakkında konuştuğunu ve bizden herhangi bir hatırlatma almadan bunu planlarına dahil ettiğini düzenli olarak duyuyorum. Günlük konuşmanın bir parçası haline geldi ve bu oldukça şaşırtıcı çünkü her zaman böyle değildi. Engellileri düşünmek, dijital ekibin ayrılmaz bir parçası ve ben ve diğer görme engelli misafirler için Target'ı özel yapan şeyin bir başka parçası.

Erişilebilirlik, uygulanmasında çok teknik olabilse de, desteklediği ve sağladığı şeyin büyük resmi budur: insan olarak müşterilerinin ve potansiyel müşterilerinin ihtiyaçları ile uyumlu pozitif bir şirket kültürü .

WordPress ADA Uyumlu Web Sitesi Nasıl Edinilir?

Artık Engelli Amerikalılar Yasası'nın ne olduğu ve neden bu kadar önemli olduğu konusunda genel bir anlayışa sahipsiniz. Ardından, WordPress sitenizi nasıl uyumlu hale getirebileceğinize bakacağız.

İşte oraya ulaşmak için yapmanız gereken dört şey.

1. ADA Uyumlu Bir WordPress Sitesinin Nasıl Göründüğünü Öğrenin

Amerika Birleşik Devletleri Adalet Bakanlığı, ADA için henüz herhangi bir resmi uyumluluk yönergesi yayınlamadı veya yayınlamadı. Ancak, bazı sağlam önerilerde bulunur.

WCAG ile Tanışın

ADA özellikle, her kuruluşu Web İçeriği Erişilebilirlik Yönergeleri (WCAG), 2.0 seviye AA'ya uymaya teşvik eder.

Bu yönergeler, tüm site ziyaretçilerinin WordPress sitenizde görünen her bilgiyi algılayabilmesi gerektiğini açıkça belirtmektedir. Bunu yapmak için, site sahiplerinin sitelerinde gezinen medyaya alternatifler sunması gerekir.

Video Altyazıları

Örnek olarak YouTube'a bakın. ADA uyumluluğu gerekli hale geldiğinden, platformda barındırılan ve oynatılan tüm video ve ses içeriği için otomatik olarak altyazı sağlarlar.

Erişilebilir Formlar

Örneğin, site kullanıcılarının iletişim formlarınıza girmesi gereken bilgileri netleştirmeye yardımcı olması için önerilen giriş istemlerini kullanmayı düşünebilirsiniz.

Bunun ötesinde, bir kullanıcı bir forma yanlış bilgi girerse, bu giriş hatalarını düzeltmek için yapabilecekleri şeyler için basit önerilerde bulunmaya çalışın.

Bunu yapmak, geçerli olmayan kullanıcı girdisi içeren yalnızca genel bir hata mesajı görüntülemekten çok daha yararlı (ve erişilebilir).

Destek Ekran Okuyucuları ve Klavyede Gezinme

Muhtemelen sitenizle ekran okuyucular kullanarak etkileşim kuran bazı site ziyaretçileriniz vardır. Bunu yapan kişiler için, açıklayıcı alternatif metin, WordPress sitenizde görüntülenen resimleri anlamaları için son derece yararlıdır.

El ile veya görsel beceriyle ilgili sorunları olan kişiler, genellikle tuş takımı veya klavye gibi gezinme denetimlerini kullanarak web siteleriyle etkileşim kurmayı çok daha kolay bulmaktadır. Bunu yapan kullanıcılar için, tutarlı ve net bir site gezintisi yapısına sahip olmak isteyeceksiniz.

Şu anda odakta olan öğelerin görsel göstergelerini de sağlayabilirsiniz. Bu öğeler, site ziyaretçiniz klavyelerinde 'Geri Dön' tuşuna basmak gibi bir eylem gerçekleştirdiğinde etkinleştirilecektir.

2. Şu Anda Nerede Durduğunuzu Görmek İçin Bir ADA Uyumluluk İncelemesi Yapın

Erişilebilirlik basit bir konu değildir. Aslında, daha kullanıcı dostu bir WordPress sitesi oluşturmak için kullanılan birçok farklı tasarım reklam arayüzü öğesini içeren çok büyük bir konudur. Bir web sitesi sahibinin erişilebilirlikle ilgili yalnızca bir faktörü gözden kaçırması, site kullanıcısının (ve potansiyel müşterinin) sitelerinde olumlu bir deneyim yaşamasını kolayca engelleyebilir.

Web Sitesi Erişilebilirlik Değerlendirmesi (WAVE)

Erişilebilirlik standartları ışığında sitenizin kullanıcı deneyimi (UX) kalitesini değerlendirmeye başlamak için iyi bir yer, Web Sitesi Erişilebilirlik Değerlendirmesi (WAVE) adlı araçlar paketidir. WAVE, WordPress sitenizi tarar ve erişilebilirlikle ilgili tüm olası sorunları listeler. Bu, sitenin kullanılabilirliğini etkileyebilecek çok çeşitli sorunları belirlemeye yardımcı olan, kullanımı inanılmaz derecede değerli bir araçtır.

WAVE'den bu listeyi görüntülerken, tespit edilen her erişilebilirlik hatası hakkında daha fazla bilgi almak için ilgili simgelere tıklayabilirsiniz. Araç, kullanılabilirlikle ilgili her sorun hakkında daha fazla bilgi sağlayacak kaynakları bile önerecektir.

Ne yazık ki, WAVE aynı anda yalnızca tek bir web sayfasını tarayabilen sınırlı bir araçtır. Tüm WordPress sitenizi tarama sürecini hızlandırmak için, Firefox için WAVE veya Chrome için WAVE uzantılarını (tercih ettiğiniz tarayıcıya bağlı olarak) yüklemek iyi bir fikirdir.

Uzantılar, şu anda görüntülemekte olduğunuz her web sayfasında WAVE'i çalıştırmanıza izin verecektir.

3. Erişilebilir Siteler Oluştururken Her Zaman WordPress ADA Uyumlu En İyi Uygulamaları İzleyin

Sitenizin erişilebilirliğini test ettikten ve sonuçları derledikten sonra, tanımladığınız her bir sorunu ayrı ayrı ele almanın zamanı geldi.

Sitenizin içeriğinin tam stokunu almanız zorunludur. Halihazırda yayınladıklarınız için alternatif medya çıktıları sağlayıp sağlayamayacağınızı düşünün.

Transkripsiyon Hizmetleri

İçeriğinizin bir profesyonel tarafından yazıya dökülmesini sağlayamıyorsanız, altyazıları sizin için otomatik olarak oluşturacak bazı yazılım araçları vardır.

Ne yazık ki, bazıları zaman zaman biraz özensiz ve yanlış. Ancak tek seçeneğiniz yazıya dönüştürme yazılım araçlarını kullanmaksa, içeriğinizin yazıya dökülmesini sağlamamaktan daha iyidir.

Ayrıca, WordPress sitenizin görsellerine yazılı metin alternatifleri sağlamak isteyeceksiniz. Bu inanılmaz faydalı uygulama, ekran okuyucular gibi erişilebilirlik araçları aracılığıyla web sitenizi deneyimleyen tüm kullanıcılara büyük fayda sağlar.

ALT Metin ve Görseller

WordPress'te, doğrudan Medya Kitaplığından resimlerinize ve görsellerinize açıklayıcı alternatif metin eklemek kolaydır.

Ayrıca, ADA uyumluluğu arayan birçok WordPress sitesi sahibi, web sitenizin resimlerine metin eklemekten kaçınmanın en iyisi olduğunu gördü. Görsellerde büyük miktarda metin olması, grafiklerinizi görme engellilere yalnızca alternatif metninizi kullanarak anlatmayı zorlaştıracaktır.

Bunun yerine, kod kullanarak benzer bir etki oluşturup oluşturamayacağınızı düşünün. Örnek olarak, aktarmaya çalıştığınız bilgileri düz metin olarak ekleyebilirsiniz. Ardından stil vermek için CSS'yi kullanın.

Kontrast Oranları

Görme engelli site ziyaretçilerini tam olarak desteklemek için, tüm metin için en az 4,5:1 kontrast oranını korumak iyi bir fikirdir. Ayrıca tüm metni %200'e kadar yeniden boyutlandırılabilir yapmak isteyeceksiniz.

Karşılaşacağınız zorluk, sitenizin işlevselliğini etkilemeden bu tür bir esnekliği sağlamaktır. Bu, muhtemelen değişikliklerinizi yayınlamadan önce çok sayıda kullanılabilirlik testi yapmanızı gerektirecektir.

Sitenizi etkileyen erişilebilirlik sorunları hakkında daha fazla bilgi edinmek istiyorsanız, site içeriğinizin tamamını WAVE aracıyla çalıştırmak önemlidir. Ardından, WAVE'in önerdiği tüm kaynakları okumak için zaman ayırın.

Erişilebilirlik söz konusu olduğunda, WCAG tarafından belirlenen yönergeler geniş çapta endüstri standardı olarak kabul edilmektedir. Ancak WebAIM'deki erişilebilirlik kontrol listesine de bakmak iyi bir fikirdir. Bu araç, WCAG 2.1 resmi özelliklerini özetlemeyi amaçlamaktadır.

4. WordPress ADA Uyumluluğunu İyileştiren Eklentileri Kurun

WordPress deposundaki birçok farklı eklenti ve araç, sizi WordPress ADA uyumluluğuna yönlendirmeyi vaat ediyor. Örneğin, WP ADA Compliance Check Basic'i kullanarak web sitenizin tamamını erişilebilirlikle ilgili sorunlar için hızlı bir şekilde tarayabilirsiniz.

WP ADA Uyumluluk Kontrolü Temel

Bu kullanışlı eklenti, WAVE aracına çok benzer şekilde, algıladığı her sorun hakkında daha fazla bilgi veren kaynaklar önerir. Ancak bununla, etkilenen koda doğrudan bir bağlantı da alırsınız. Bu, erişilebilirlikle ilgili karmaşık sorunları çözmeniz gerektiğinde son derece kullanışlıdır.

Dikkate alınması gereken başka bir araç da Erişilebilirlik Denetleyicisi eklentisidir. Bu eklenti, WordPress sitenizin tamamını kontrol panelinden taramanıza izin verirken, WAVE'nin WordPress'e özgü sürümü olmaya çalışır.

Dijital Erişilebilirlik Denetleyicisini Eşitle

Bir WordPress web sitesi sahibi olarak, bir siteyi daha erişilebilir hale getirmenin birçok farklı yolu vardır. Ancak, sitenizi çalıştırmak için yanlış temayı seçmek, tüm çabalarınızı geçersiz kılabilir.

WordPress.org tema deposu, profesyoneller tarafından tasarlanan temalarla doludur. Ancak, en deneyimli WordPress tasarımcıları bile bazen ADA uyumluluğu ve erişilebilirlikle ilgili önemli ilkeleri gözden kaçırır.

WP Erişilebilirliği

Bu sorunu çözmeye yardımcı olmak için WP Erişilebilirlik eklentisi, WordPress temalarında meydana gelen sorunları ele alacaktır. Eklentiyi indirip etkinleştirdikten sonra, WordPress kontrol panelinde Ayarlar > WP Erişilebilirlik bölümüne gitmek isteyeceksiniz.

Oradayken, açıp kapatabileceğiniz site erişilebilirliği ile ilgili çeşitli ayarlar göreceksiniz. Bu, temanızın nasıl kurulduğuna bağlı olacaktır.

Ayarlar, gelişmiş klavye gezintisi için link :focus durumuna bir anahat eklemeyi ve longdesc kullanarak görüntü içeriği hakkında daha fazla bilgi sağlamayı içerecektir.

Erişilebilirlik Kaplaması Kullanmayın

Tamamen erişilebilir, ADA uyumlu bir web sitesi oluşturacak gerçek tak ve çalıştır çözümlerinin olmadığını unutmamak önemlidir. Bazı eklentiler tak ve çalıştır olduğunu iddia edebilir, ancak bu mümkün değildir. Uyumluluk eklentileri, siteleri sorunlara karşı taramak ve sorunları iyileştirmek için ince ayarlar yapmak için mükemmeldir. Ancak, bindirme yaklaşımı kullanmaya çalışan eklentilere dikkat edin. Ayrıca, yalnızca eklentiyi indirip etkinleştirerek %100 WordPress ADA uyumluluğu sunduğunu iddia eden eklentilere dikkat edin.

Bu "erişilebilirlik kaplamalarından" kaçınılmalıdır.

ADA Uyumlu Bir WordPress Sitesi Oluşturmanın Zamanı

WordPress sitenizi herkes için erişilebilir hale getirmek, bir site sahibi olarak kesinlikle yapılacak en doğru şeydir. Ancak, sizi potansiyel yasal sonuçlardan da koruyacaktır.

Ve sitenizin ADA uyumlu olduğundan emin olarak potansiyel müşteri tabanınızı otomatik olarak büyüteceksiniz.

WordPress ADA uyumlu bir site oluşturmak için atılacak adımları özetlemek gerekirse:

1. Halihazırda ADA uyumlu olan bir web sitesinin nasıl göründüğünü anlayın.
2. Zaten ne kadar uyumlu olduğunu anlamak için kendi sitenizi inceleyin. Bu, bir WAVE aracı (Web Sitesi Erişilebilirlik Değerlendirmesi) kullanılarak yapılabilir.
3. Erişilebilir web siteleri oluşturmak için zaten kanıtlanmış en iyi uygulamaları izleyin.
4. WP Erişilebilirlik ve WP ADA Uyumluluk Kontrolü Temel gibi WordPress eklentilerini yükleyin.

Bu noktada, kullanıcılarınızın seveceği WordPress ADA uyumlu bir web sitesine sahip olma yolunda ilerliyor olacaksınız.

Etkili Web Siteleri Oluşturmak İçin Kadence Temasını ve Kadence Bloklarını İndirin

Güzel tasarıma sahip ilgi çekici içerikler oluşturmayı seviyorsanız Kadence Blocks, yerel WordPress düzenleyicide yaratıcı olmanızı sağlayacak araçlar sağlar. Ayrıca, bir sonraki web tasarımınıza başlamak için bloklardan oluşan bir tel kafes kitaplığı da dahil olmak üzere, sitenize kolayca ekleyebileceğiniz tonlarca önceden oluşturulmuş içeriğin keyfini çıkarın. İlham ve hızlı geliştirme için harika!

Şimdi İndirin

Dan Knauss

Dan Knauss, StellarWP'nin Teknik İçerik Genel Sorumlusudur. 1990'ların sonlarından beri açık kaynakta ve 2004'ten beri WordPress ile çalışan bir yazar, öğretmen ve serbest çalışan.