Web İçeriği Erişilebilirlik Yönergeleri: Nedirler ve SEO'ların Neden Dikkat Etmesi Gerekir?

Şu anda web sitenizi tüm kullanıcılar için erişilebilir hale getirmek için çalışıyorsanız, muhtemelen Engelli Amerikalılar Yasası’nı (ADA) zaten duymuşsunuzdur. ABD federal mevzuatının bu parçası, devlet kurumları veya özel şirketler tarafından engelli bireylere karşı ayrımcılığı önlemek için kabul edildi.

ADA, çoğu kuruluşun çevrimiçi varlığı olmadan önce oluşturulmuş olsa da, son yasal emsal, yasanın mağazalar, restoranlar ve sinemalar gibi fiziksel konumlar için olduğu kadar web sitelerinin ve mobil uygulamaların erişilebilirliği için de geçerli olduğunu göstermektedir.

ADA’nın kendisi, web ve mobil erişilebilirlik için belirli bir kriter belirlemez. Bunun yerine, birçok web geliştiricisi ve hukuk uzmanı, günümüzde dijital erişilebilirlik için yaygın olarak kabul edilen Web İçeriği Erişilebilirlik Yönergeleri’ne (WCAG) başvuruyor.

Bu blogda, WCAG’a daha yakından bakacağız ve standartlarını karşılamak için atabileceğiniz adımları özetleyeceğiz. Ayrıca, erişilebilir web sitelerinin neden arama motorlarında daha üst sıralarda yer aldığını kısaca açıklayacağız ve erişilebilirliği her yerde doğru seçim haline getireceğiz!

SEO ve erişilebilirlik arasındaki bağlantı nedir?

Web sitenizin tüm kullanıcılar tarafından erişilebilir olmasını sağlamak, şirketinize zaten çok büyük faydalar sağlar – web sitenizi daha fazla kişi ziyaret ederse, işlerde bir artış görmeniz olasıdır. Bu kadar basit.

Amerikalıların dörtte birinin engelli yaşadığını ve dünya genelinde engellilerin harcanabilir gelirinin 1,2 trilyon dolar olduğunu göz önünde bulundurarak, web sitenizi ve mobil uygulamalarınızı herkesin erişimine açmanızın ürün ve hizmetlerinizi yeni bir tüketici kitlesine açtığını göz önünde bulundurarak, ve ayrıca web sitenizin SEO’sunda önemli gelişmelere yol açabilir.

Şu örneği ele alalım: Arama motorları, açık ve doğru sıralanmış içeriğe sahip sayfaları tanıtmayı amaçlar. Bu, başlıklar gibi şeylerde WCAG yönergelerini izlemeniz gerektiği anlamına gelir. Başlık sıralarını doğru sırada eklemezseniz, örneğin ikinci düzey (

) bir başlığın ardından dördüncü düzey (

) bir başlık içeren bir metin yerleştirerek, insanlar için erişilebilirlik sorunlarına neden olabilirsiniz. yardımcı teknolojileri kullanır.

Aynı şekilde, görseller için uygun alternatif metin sağlamazsanız veya altyazıları alternatif görsel metinlerle karıştırırsanız, engelli kullanıcılar için sorunlar yaratır ve web sitenizdeki görsel SEO’ya da zarar verirsiniz.

Bunlar, web sitesi erişilebilirliğini iyileştirmenin SEO’yu nasıl artırabileceğine dair sadece birkaç örnek, ancak daha fazlası için Cooper Hollmaier’in erişilebilirlik ve SEO arasındaki ilişkiyle ilgili yeni Whiteboard Friday serisini mutlaka izleyin.

Gerçekten de, dijital erişilebilirliğe yaptığınız herhangi bir yatırım, arama sıralamalarınıza da yansıyacaktır. Google, misyon beyanında amacının “dünyadaki bilgileri organize etmek ve onu evrensel olarak erişilebilir ve kullanışlı hale getirmek” olduğunu söylüyor. “Evrensel olarak erişilebilir” buradaki anahtar kelimedir. Google, arama motorunu geliştirmeye ve erişilebilir tasarım ilkeleriyle uyumlu hale getirmeye devam ettikçe, güçlü erişilebilirlik özelliklerine sahip web sitelerinin arama sıralamalarında daha da yükseleceğini öne sürüyor.

WCAG nedir ve uyumluluğu nasıl sağlayabilirsiniz?

WCAG, erişilebilir web siteleri oluşturmak isteyen web geliştiricileri için bir dizi kural sunar. İnterneti herkese açık hale getirmeyi taahhüt eden küresel bir kamu ve üye kuruluşlar topluluğu olan World Wide Web Consortium (W3C) tarafından oluşturulmuştur.

Web siteleri ve mobil uygulamalar, yeni teknolojiler ve yenilikler ortaya çıktıkça sürekli değişmektedir. WCAG yönergelerini güncel tutmak için W3C, web geliştiricilerine sürekli olarak yeni tavsiyeler sağlamak için de çalışır.

En son dijital erişilebilirlik davalarını incelerseniz, WCAG 2.0’ın en çok alıntı yapılan sürüm olduğunu görürsünüz. Ancak, bu sürümün zaten güncel olmadığını unutmamalısınız. WCAG 2.1 artık kullanıma sunuldu ve mobil erişilebilirlik konusunda daha fazla rehberlik sağlıyor – ve WCAG 2.2 hemen peşinden koşturuyor.

“WCAG uyumluluğu” yaygın olarak kullanılan bir terim olsa da aslında yanlış bir adlandırma olduğunu da belirtmek önemlidir. Teknik olarak, WCAG standartlarını başarıyla karşılamayı düşünmek daha doğrudur. “WCAG uyumluluğu” terimi bir düzenleyici kurum anlamına gelir ve W3C bir endüstri düzenleyicisi veya federal mevzuatın bir parçası değildir. Bununla birlikte, WCAG uyumluluğu hem web geliştirme konferanslarında hem de hukuk seminerlerinde kabul edilen ifadedir, bu nedenle bu makalede terimi kullanacağız.

Web sitemin WCAG standartlarını karşılaması gerekiyor mu?

ABD’deyseniz, evet, öyle. Bir ABD vatandaşı tarafından kullanılan veya bir ABD şirketine ait olan her web sitesinin yasa gereği ADA’ya uyması gerekir. Ayrıca WCAG, davalar sırasında genellikle dijital erişilebilirlik için bir standart olarak anıldığından, rehberliğini takip etmek, kuruluşunuzun maliyetli ve zarar verici davalardan kaçınmasına yardımcı olabilir. Herhangi bir şirketin ADA uyumluluğundan muaf olduğu fikri de bir efsanedir.

Web sitemi WCAG uyumlu hale nasıl getirebilirim?

WCAG dört ana ilke ortaya koymaktadır. Bunlar, web geliştiricilerinin herkesin erişebileceği web siteleri oluşturmak için izleyebilecekleri sağlam bir temel sunar. Her birine daha yakından bakalım:

1. Algılanabilir

Algılanabilir olması için, bir web sitesinde yer alan tüm bilgiler ve bağlantı, metin kutuları ve düğmeler gibi kullanıcı arayüzündeki tüm özellikler, tüm kullanıcıların bunları en az bir duyu organıyla algılayabileceği şekilde sunulmalıdır. Herhangi bir içerik herhangi bir kullanıcıya gizlenmişse, web sitesi algılanabilir olarak kabul edilemez.

2. Çalıştırılabilir

Bir web sitesi, tüm kullanıcılar onunla etkileşime girebildiği ve başarılı bir şekilde gezinebildiği zaman çalışabilir olarak kabul edilir. Bir web sitesinin etkileşimli özellikleri varsa, tüm kullanıcıların bu bileşenleri çalıştırabilmesi gerekir.

3. Anlaşılabilir

Tüm kullanıcılar bir web sitesinin bilgilerini ve arayüzünü anlayabilmelidir. Web sayfaları öngörülebilir şekilde görünmeli ve çalışmalı ve kullanıcılar, yasal taahhütlere veya finansal işlemlerin gerçekleşmesine neden olan sayfalarda giriş hataları yapmaktan korunmalıdır.

4. Sağlam

Bir web sitesindeki içerik, çok çeşitli kullanıcı aracıları tarafından yorumlanmaya açık olmalıdır. Örneğin, standart web tarayıcıları ve ekran okuyucular gibi yardımcı teknolojiler bir web sitesine erişebilmelidir ve yardımcı teknolojiler geliştikçe bir web sitesindeki içeriğe erişilebilir olmaya devam etmelidir.

Uyumluluk yolculuğuma nasıl başlayabilirim?

Kağıt üzerinde, WCAG’de belirtilen dört erişilebilirlik ilkesi yeterince basit görünüyor. Ama bunları nasıl uygulayabilirsiniz? Bu soruyu yanıtlamaya yardımcı olmak için, WCAG dört konunun her biri için daha ayrıntılı yönergeler sunar ve her öneriyi bir dizi başarı kriterine ayırır. WCAG ayrıca geliştiricilerin bunları pratikte nasıl başarabileceklerine dair örnekler sağlayan birkaç “yeterli tekniği” de özetlemektedir. Uyum için bir kontrol listesi olarak düşünün.

Her başarı kriteri ayrıca üç seviyeye göre sınıflandırılır: A, AA ve AAA. A, en temel erişilebilirlik düzeyini, AAA ise en kapsamlı düzeyi belirtir. Şu anda mahkemeler orta seviye olan AA’yı ölçüt olarak yorumluyor.

Bu makale size WCAG kriterlerini daha iyi anlamanızı sağlamayı amaçlarken, tüm yönergeleri tam olarak listelemez. Her bir kriter hakkında daha fazla bilgi edinmek isterseniz, W3C web sitesindeki “WCAG ile Nasıl Tanışılır” hızlı başvuru kılavuzuna bakın. Bu, WCAG’nin her yönü için geliştiricilerin onları nasıl tatmin edebileceklerine dair önerilerle birlikte kesin bir kılavuz sunar.

1. C: Web sitenize bazı kullanıcılar erişebilir

A düzeyi başarı ölçütü, erişilebilirlik ilkelerinin en ciddi ihlallerinden bazılarını önlemek için atabileceğiniz adımları ayrıntılı olarak açıklar. Örneğin, yönerge 1.4, kullanıcıların içeriği algılamasını kolaylaştırmak anlamına gelen ayırt edilebilirliğe odaklanmaktadır.

Bölüm 1.4.1 Renk Kullanımı A düzeyi bir başarı kriteridir. Web sitelerinin, eylemi gösteren, yanıt veren veya ayırt edici bir görsel öğe olan bilgileri aktarmanın birincil yolu olarak yalnızca rengi kullanmaması gerektiğini açıklar.

Bir web sitesi kırmızı renkli bir metin içeriyorsa ve bu metindeki köprüler yeşil renkle vurgulanmışsa, kırmızı/yeşil renk körlüğü olan bir kullanıcının bağlantıları metinden ayırt etmesi imkansız olurdu. Erişilebilirliği iyileştirmenin bir yolu, bağlantılara altını çizmek veya farklı bir yazı tipi kullanmak gibi başka bir görsel ipucu eklemek olabilir.

2. AA: Web sitenize hemen hemen tüm kullanıcılar erişebilir

AA düzeyini karşılamak için öncelikle tüm A düzeyi başarı kriterlerini karşılamanız gerekir. AA düzeyi yönergeleri, doğal olarak, ek gereksinimler sağlayarak, A düzeyi ölçütlerinin üzerine inşa edilir.

Örneğin Kılavuz İlke 1.4’te, 1.4.3 Kontrast (Minimum) düzeyi AA başarı kriteri, 1.4.1 Renk Kullanımı kılavuzunu güçlendirir. Herhangi bir sayfadaki metnin 4,5:1 veya daha yüksek bir renk kontrast oranına sahip olması gerektiğini belirtir. Metnin büyük olması veya metin resimlerinin tamamen dekoratif olması veya bir markanın veya logonun parçası olması durumunda bazı istisnalar vardır.

Konuyla ilgili tam makalemizde doğru renk kontrastını nasıl elde edeceğiniz hakkında daha fazla bilgi edinebilirsiniz. Bu blogun amaçları için, ana metnin beyaz bir arka plan üzerinde siyah metin olarak sunulduğu bir web sitesi ile metnin beyaz bir arka plan üzerinde soluk sarı olduğu bir web sitesi arasındaki farkı hayal etmek yeterlidir. Beyaz üzerine siyah yüksek kontrast oranına sahipken, beyaz üzerine sarı çok düşük kontrast oranına sahiptir. Görme bozukluğu olan kullanıcılar genellikle renk kontrastındaki küçük farklılıkları görmekte zorlanırlar, bu da web sitelerinin metnin renk kontrast oranının onu herkes için okunabilir kılmak için yeterince yüksek olmasını sağlamasını daha da önemli hale getirir.

AA düzeyindeki başarı ölçütleri ayrıca, kullanıcıların yardımcı teknolojilere ihtiyaç duymadan metni standart boyutun yüzde 200’üne kadar büyütebilmelerini öneren 1.4.4 Metni Yeniden Boyutlandır ‘ı da içerir.

3. AAA: Web sitenize mümkün olan en fazla sayıda kullanıcı erişebilir

Önceki iki düzeyde olduğu gibi, AAA düzeyi uyumluluğu için öncelikle tüm A düzeyi ve AA düzeyi başarı kriterlerinin karşılanması gerekir. AAA düzeyine ulaşmak için web sitelerinin daha ayrıntılı standartları karşılaması gerekir. Örneğin, Yönerge 1.4’te, gerekli renk kontrast oranını 4.5:1’den 7:1’e yükselten 1.4.6 Kontrast (Geliştirilmiş) buluyoruz.

Ölçüt 1.4.8 Görsel Sunum , metnin yüzde 200’e kadar yeniden boyutlandırılmasını gerektirerek 1.4.4 Metni Yeniden Boyutlandır’a ekler ve kullanıcının tarayıcı penceresini yatay olarak kaydırmak zorunda kalmadan metnin her tam satırını okuyabilmesini sağlar. Bu ölçüt ayrıca, kullanıcıların ön plan ve arka plan renklerini kendilerinin seçmesine izin verme ve disleksi gibi görme veya bilişsel engelli kişiler için metnin okunmasını kolaylaştıran satır aralığı ve yaslama ayarlarını belirleme gibi ek önerilerde bulunur.

Web sitenizin erişilebilirliğini iyileştirmeye başlayın

Erişilebilir tasarım ilkelerini izleyerek, arama motorlarının sitenizi ayrıştırmasını ve sıralamasını da kolaylaştıracaksınız.

Tabii ki, dijital erişilebilirlik çok büyük bir konu, bu yüzden yönlendirmeye ihtiyaç duyuyor olabilirsiniz! Neyse ki, yardımcı olacak çok sayıda kaynak var, bunlardan en önemlisi, erişilebilirlikle ilgili her şey için mihenk taşınız olması gereken W3C’nin eksiksiz Web İçeriği Erişilebilirlik Yönergeleri (WCAG). Ayrıca, önemli erişilebilirlik konuları için bir kontrol listesi olarak hızlı başvuru kılavuzlarını da kullanabilirsiniz.

Ayrıca, şirketim AudioEye tarafından oluşturulanlar da dahil olmak üzere, erişilebilirlik sorunlarını bulmanıza ve düzeltmenize yardımcı olacak birçok otomatik araç vardır ve bunları ücretsiz olarak deneyebilirsiniz . Ayrıca, akredite uzmanlardan oluşan bir ekip tarafından yönetilen yönetilen hizmetler sunuyoruz, bu nedenle bir sonraki adımı atarken tavsiye ve öneriler için bizimle iletişime geçmekten çekinmeyin.