Dünyanın En Erişilebilir Web Siteleri

Birçoğumuz için internet ortadadır. Nereye bakacağınızı, neye tıklayacağınızı ve her şeyin nasıl çalıştığını biliyorsunuz; baktığınız şeyi hangi web sitesi oluşturucusu veya CMS yapmış olursa olsun. Peki ya dünya çapında interneti anlamanın çok daha zor olduğu engelli bir milyar insandan biri olsaydınız?

Bazı engeller interneti daha kafa karıştırıcı bir yer haline getiriyor ve erişilebilirlik burada devreye giriyor.

Hangilerinin erişilebilirlik testlerini geçtiğini ve hangilerinin yapacak daha çok işi olduğunu keşfetmek için dünyanın en popüler web sitelerinden bazılarına baktık.

Erişilebilirlik neden önemlidir?

Web erişilebilirliği hepimizi, farkına bile varmayabileceğimiz şekillerde etkiliyor . İnterneti yalnızca dünya çapında ona bağımlı olan bir milyar insan için daha kullanışlı bir yer haline getirmekle kalmıyor, aynı zamanda onu diğer herkes için daha iyi hale getiriyor.

Gözlerimizi kısmak zorunda kalmadan metnin okunmasını kolaylaştırır. Bir siparişi nasıl tamamlayacağımızı ve bir bağlantıya nasıl tıklayacağımızı açıkça ortaya koyuyor ve sabah ilk iş olarak telefonlarımıza bakıp yine de neler olup bittiğini anlayabileceğimiz anlamına geliyor.

Belirli erişilebilirlik ihtiyaçları olan kişiler için bu, bir web sitesine para harcamak veya başka bir yere gitmeyi seçmek arasındaki fark olabilir. Yani markalar için bu sadece web sitesini daha iyi hale getirdiği için önemli değil, aynı zamanda onlara paraya mal olabileceği için de önemli.

Yalnızca Birleşik Krallık'ta, erişilemeyen web siteleri nedeniyle kaybedilen miktar (tıklama poundu olarak bilinir) 2020'de 11,75 milyar £ idi. İşletmeler sitelerini bu duruma getirmek için birkaç basit değişiklik yapsaydı, bu ekonominin kazanabileceği milyarlarca tutardı. standart.

Erişilebilirlik nasıl puanlanır?

Web erişilebilirliği, Web İçeriği Erişilebilirlik Yönergelerine veya WCAG'ye göre derecelendirilir. Mevcut yönergeleri WCAG 2.2, web sahiplerine, içeriklerini bulabilecek herkes için kullanılabilir hale getirmek için ne yapmaları gerektiğini anlatıyor.

Siteleri üç farklı kategoride puanlıyorlar:

A – Minimum erişilebilirlik standartları.

Sitede klavyenizle gezinebilirsiniz, sizi herhangi bir tuzağa düşürmez, videoların hepsinde altyazı bulunur ve şekil, boyut veya renk hiçbir anlam ifade etmez.

AA – Kabul edilebilir erişilebilirlik, sitelerin hedeflemesi gereken bir şey.

Renk kontrastının daha yüksek düzeyde olması gerekiyor, görsellerin görme engelli kullanıcılara içlerinde ne olduğunu anlatan alternatif metinler olması gerekiyor, gezinme net olacak ve başlıklar altlarındaki içeriğin ne hakkında konuştuğunu açıklayacak.

AAA – En yüksek erişilebilirlik seviyeleri.

Renk kontrastının beyaz üzerine neredeyse siyah olması gerekir, videoların işaret dili olması gerekir, hiçbir zaman bir siparişin zaman aşımına uğramazsınız ve içeriğin amacının açıklanması gerektiğinde araç ipuçları mevcuttur.

Web sitesi erişilebilirlik raporu – notu kim veriyor?

Dünyanın en popüler 200 web sitesi üzerinde, daha fazlasını bu raporun sonunda öğrenebileceğiniz erişilebilirlik testleri gerçekleştirdik. Bu testler, renk kontrastından odaklanılabilir alanlara kadar her şeyi inceleyerek bize site varlıklarının toplam puanını ve bunlardan kaçının başarısız olduğunu gösterdi.

Bu puanı, sitenin yüzde kaçının herhangi bir engeli olan kullanıcılar için erişilemez olduğunu hesaplamak için kullandık.

Elbette her engel ek erişilebilirlik gerektirmez. Örneğin tekerlekli sandalye kullanıcılarının ekran okuyucu kullanmasına gerek kalmayacak. Herkes erişilebilir web sitelerinden yararlanırken, bazı internet kullanıcılarının bunlara çoğundan daha fazla ihtiyacı var. İşte birkaç örnek:

Körlük

Bu belki de erişilebilir içerik söz konusu olduğunda insanların aklına gelen en bariz bozukluktur. Görme engelli kullanıcılar yazdıklarımızı okuyamaz, bu nedenle bunu kendileri için yapacak bir ekran okuyucuya güvenirler. İçerikte gezinmek yerine fare kullanmaları da pek olası değil.

Beyin rahatsızlığı olan kullanıcılar

Motor Nöron Hastalığı ve Parkinson hastalığı gibi hastalıklarla yaşayan kişilerde kaslarda titreme, seğirmeler, sertlikler gibi sorunlar yaşanır. Fare kullanmayı veya içeriğe tıklamayı imkansız bulabilirler ve bunun yerine sitelerde gezinmek için baş çubuğunu kullanabilirler. Kafa çubuğu, klavyeye dokunmak için parmaklar yerine uzun bir çubuğun kullanıldığı, başın etrafına takılan bir cihazdır.

Zorlukları öğrenmek

Disleksi gibi öğrenme güçlükleri veya otizm gibi nörolojik farklılıklar içeriğin okunmasını çok zorlaştırabilir. Harfler karışabilir, kelimeler hareket edebilir ve uzun içerik başlıkları baş ağrısına veya hayal kırıklığına neden olabilir.

Sağırlık

Sağır insanlar hiçbir video içeriğini duyamaz ve çoğu zaman genç sağır insanlar okumada zorluk çekerler. Videolarda altyazı veya işaret dili zorunlu olacak ve dil basit tutulmalıdır.

Diğer kullanıcıların gözünden internet

İyi erişilebilirlik yalnızca web sitenizin daha iyi çalışmasını sağlamakla kalmaz, aynı zamanda web sitenizle farklı şekilde etkileşimde bulunan kişiler için de daha iyi görünmesini sağlar. Erişilebilirliğin ne kadar önemli olduğunu görmenizi sağlamak için dünyanın en popüler sitelerinden bazılarının görme engelli kişiler tarafından görülmesi halinde nasıl görüneceğini örnekledik.

Tünel görüşü tam olarak beklediğiniz şeyi yapar; insanların nesneleri sanki bir tünelden bakıyormuş gibi görmelerine neden olur. Amazon'da bu, büyük miktarda ürünü tamamen görünmez hale getirecek ve sanki herhangi bir yan menü yokmuş gibi yapacaktır.

Disleksi, Google'ın çoğunun okunamaz görünmesine neden olur. Okumayı, yazmayı ve hecelemeyi zorlaştırarak harflerin karışık ve anlamsız görünmesine neden olabilir. Platformunun çoğunu metnin oluşturduğu Google gibi bir sitede bu özellikle sorunlu olabilir.

Körlük dünya çapında 2,2 milyar insanı etkiliyor ve Netflix'in böyle görünmesine neden olabilir. Görebildiğiniz çizgi sekme sırasını (insanların sekme tuşuyla sitede nasıl gezineceğini) gösterirken boş resim kutuları, alternatif metin olmasa tüm insanların 'göreceği' kutulardır. Sekme sırası sayfanın alt kısmında sona erer ve kullanıcılara en üste gitme seçeneği sunulmaz. Kalamar Oyununu izlemek istemiyor musun? Zor şans.

Renk körlüğü, farklı insanlar için farklı renkleri etkileyen birçok biçimde olabilir. Bazı sitelerde her şeyin biraz farklı görünmesine neden olsa da, anlamı iletmek için rengi kullanırsanız, bu tüm anlamı ortadan kaldıracaktır. Yeşil düğmenin kaydolmak, kırmızı düğmenin ise iptal etmek anlamına geldiğini görebiliriz, ancak bu herkes için o kadar net olmayacaktır.

Katarakt interneti çok daha bulanık bir deneyim haline getiriyor. Metin belirsizleşebilir ve insanlarda baş ağrısına neden olabilir; bu nedenle yüksek düzeyde renk kontrastı çok önemlidir. Twitter gibi bir sitede katarakt, insanların hiçbir zaman etkileşime giremeden kaydırma yapmasına neden olabilir.

En erişilebilir web siteleri

Ulusal Sağlık Enstitüsü en erişilebilir web sitesine sahiptir

Erişilebilirlik puanı: AAA

Her yıl Amerikalıların sağlık hizmetlerine milyarlarca dolar yatırım yapan ülke çapındaki kuruluş olan Ulusal Sağlık Enstitüsü (NIH), raporumuza göre internetteki en erişilebilir web sitesine sahip. Sitenin yalnızca %0,18'ine erişilemiyor, bu da onu siteye güvenen insanlar için harika bir kaynak haline getiriyor.

Sağlık hizmetleri web sitelerinin ilgi duyduğu kitle göz önüne alındığında, içeriklerinin herkes için erişilebilir olması hayati önem taşımaktadır. NIH bunu, metin ve arka plan arasında yüksek bir renk kontrastı, bunlara tıklandığında ne elde edileceğini söyleyen açıklayıcı bağlantılar ve sitede gezinmeyi kolaylaştıran net ve tutarlı bir gezinme ile başarır.

Testlerimizde bulduğumuz tek hata, tek bir 'geçersiz dil belirtildi' durumuydu; bu, ekran okuyucuların ara sıra tetiklenmesine neden olabilecek bir kodlama hatasıydı. Ancak bu, sitenin tamamında yalnızca bir kez göründüğünden genel performansı etkilemesi pek olası değildir.

Hastalık Kontrol ve Önleme Merkezi'nin web sitesi %99,82 oranında erişilebilirdir

Erişilebilirlik puanı: AAA

Başka bir devlet sağlık web sitesi de erişilebilirlik açısından oldukça yüksek puanlar alıyor. Hastalık Kontrol ve Önleme Merkezi'nin (CDC) web sitesinin yalnızca %0,18'i kullanıcılar tarafından erişilemez durumda ve bu da siteyi tüm ziyaretçileri için net bir kullanıcı deneyimi haline getiriyor.

Tıpkı NIH gibi, bu da hedef kitlesi muhtemelen engelli bireylerden oluşan ve erişilebilir içeriği hayati önem taşıyan başka bir web sitesidir. Net tasarımı ve beyaz arka planı, düşük renk kontrastı riskini ortadan kaldırır ve aynı zamanda gezinmeyi kolaylaştırır. Öğeler kullanıcıların beklediği şekilde düzenlenmiştir; tüm görseller alternatif metin içerir ve bağlantılar açıklayıcıdır.

Başlıklarda bağlantı bulunmasına ilişkin uyarılar nedeniyle ikinci sıraya düşüyor, bu da insanların onları bulmasını biraz zorlaştırabilir.

Birleşik Krallık hükümetinin web sitesi dünyanın en erişilebilir üçüncü web sitesidir

Erişilebilirlik puanı: AAA

Birleşik Krallık hükümetinin ana web sitesi olan gov.uk'nin arkasındaki ekibin içerik tasarımı terimini icat ettiği düşünülüyor, dolayısıyla web sitelerinin bu kadar iyi performans göstermesi mantıklı. İçerik tasarımı, kullanıcıların içerikte nasıl gezindiği, şeyleri insanların beklediği yerlere kolay bulunacak şekilde yerleştirmesiyle ilgilidir. Gov.uk'te de olanın bu olduğu açık. Web sitesi, erişilemeyen özelliklerin yalnızca %0,20'sine sahiptir ve çok iyi bir şekilde ortaya konmuş ve keşfedilmesi kolay, çok miktarda derinlemesine içeriğe sahiptir. Yine siyah ve lacivert metinli beyaz bir arka plan harika bir renk kontrastı sağlarken, açıklayıcı bağlantılar da bol miktarda mevcuttur.

En az erişilebilir web siteleri

Erişilebilir sitelerin aksine bunların hiçbiri erişilebilirlik derecelendirmesine ulaşamadı. Hepsi WCAG'a karşı başarısız oldu ve onlara yapacak çok iş kaldı.

ASOS en az erişilebilir web sitesine sahip

Erişilebilirlik puanı: Yok

Hızlı moda arıyorsanız ASOS'ta çoğundan daha fazlası var. Ancak herhangi bir engeliniz veya engeliniz varsa hiçbir şey satın alamama ihtimaliniz yüksektir. Web sitelerinin şaşırtıcı bir şekilde %21,38'ine erişilemiyor; zayıf renk kontrastı, görsellerin üzerindeki metinler ve eksik ARIA (Erişilebilir Zengin İnternet Uygulamaları) etiketleri gibi hatalar, engelli moda hayranları için siteyi zor bir deneyim haline getiriyor.

Eksik etiketler sitedeki sorunların büyük bir kısmını oluşturmaktadır. Etiketler çoğu kullanıcı tarafından görülmez ancak açılır pencereler ve etkileşimli öğeler gibi şeylere yardımcı teknolojileri kullanan herkesin erişmesine olanak tanır. Örneğin, bir satış banner'ı veya yarışmaya katılım formu gösterecekler.

Şu anda ASOS bunlardan yeterince sunmuyor ve milyonlarca potansiyel müşteriyi yabancılaştırıyor.

Güncelleme 03 Mayıs 2022 – Çalışmamız çıktıktan sonra ASOS raporumuza yanıt verdi ve web sitesinde iyileştirmeler yaptı. Ekibimiz ASOS.com ana sayfasını yeniden değerlendirdikten sonra erişilebilirlik puanlarının çok daha iyi olduğunu gördük.

İşte yeni 2022 puanları şöyle görünüyor:

Instagram'ın giriş sayfasının %20,66'sına erişilemiyor

Erişilebilirlik puanı: Yok

Asgari içeriğe sahip, oldukça basit bir site olmasına rağmen Instagram, internette en az erişilebilen ikinci sitedir ve bu, siz giriş yapmadan önce gerçekleşir. Giriş sayfaları, alternatif metin eksikliği nedeniyle zorlanırken, görselleri değiştirmek, üzerinde çok az kontrole sahip oldukları anlamına gelir. Üst üste bindirildiğinde metnin nasıl görüneceği.

Instagram akışının %13,6'sı okunamıyor

Uygulamaya girdiğinizde Instagram mücadeleye devam ediyor. Çoğunlukla kullanıcı tarafından oluşturulan içerik olduğundan, pek çok görsel alternatif metin olmadan görünüyor ve hikayeler görsellerin üzerine hareketli metinler eklenerek yükleniyor; her ikisi de bir erişilebilirlik kabusu.

Ancak Instagram'ın kendi başına çözebileceği pek çok sorun var. Sitenin yazı tipi ile açık gri arka planı arasındaki düşük kontrast, sitenin çoğunu okunamaz hale getiriyor; eksik ARIA etiketleri ise kullanıcıların oynat düğmelerini ve yeni hikaye yüklemelerini görmesini engelliyor.

Telegram'ın giriş sayfası erişilebilirlik testlerinin %20,29'unu geçemedi

Resim kredisi: LoboStudioHamburg (Pixabay)

Erişilebilirlik puanı: Yok

Telegram, kendisini ücretsiz sohbete yönelik bir sosyal medya platformu olarak sınıflandırıyor ve normal kanallar tarafından ihmal edildiğini hissedenlerin ilgisini çekiyor. Ancak görme yeteneği zayıf olan birinin ilgisini çekmek istiyorsa yapması gereken işler var. Giriş sayfasındaki düşük renk kontrastı ana sorundur ve 20/20 görüşü olmayan herkesin giriş yapmasını zorlaştırır.

Telegram akışının %11,11'ine erişilemiyor

Uygulamaya girdikten sonra, eğer görme engelliyseniz görsellerle uğraşmak zorunda kalacaksınız. Alternatif metin içermezler, dolayısıyla kör kullanıcılar bunların anlamını anlayamayacaktır. Yakınlaştırma da devre dışı bırakılarak, bir şeyleri yakından görmek isteyen herkesin küçük yazı tipini büyütmesi engelleniyor.

Farklı sektörlerde en çok ve en az erişilebilir siteler

Erişilebilirlik açısından en iyi ve en kötünün kim olduğunu keşfetmek için moda, bankacılık, e-ticaret, eğlence ve tabii ki web sitesi oluşturucuları genelindeki web sitelerine baktık. Bazı büyük isimlerin düzeltilmesi gereken oldukça büyük sorunları var.

LinkedIn en erişilebilir sosyal medya platformudur

LinkedIn sadece iş bulmak için iyi bir yer değil, aynı zamanda yardımcı teknolojileri kullanıyorsanız harika bir yerdir. Açıklayıcı bağlantılar, harika renk kontrastı ve basit düzen, sayfanın hareket etmesini kolaylaştırdığından sitenin giriş ekranının yalnızca %0,34'üne erişilemiyor.

Oturum açtıktan sonra erişilebilirlik (neredeyse) aynı derecede iyidir. Anlaşılır tasarım ve tutarlı gezinme, gezinmeyi kolay bir site haline getirdiğinden, feed'in yalnızca %2,94'ü erişilebilirlik testlerinde başarısız oluyor. Yüklediğiniz resimlere ve belgelere alternatif metin bile ekleyebilirsiniz; bu, LinkedIn'in erişilebilirliği gerçekten ciddiye aldığını gösterir.

LinkedIn, Pinterest'i az farkla geride bırakarak zirveye yerleşti. Resim paylaşım platformunun giriş sayfasının yalnızca %0,95'ine ve ana yayınlarının %3,19'una erişilemiyor; bu, sitede kullanıcı tarafından oluşturulan içeriğin ne kadar çok olduğu göz önüne alındığında hala harika bir puan.

Üçüncü sırada %3,76 ile Reddit yer alıyor. Ancak giriş sayfaları iyi puan alırken, asıl forumları başarısız oluyor. Bunların %13,98'ine erişilemiyor; kullanıcı tarafından oluşturulan içerik, memler, GIF'ler ve daha fazlası burayı yardımcı teknolojinin çözümlenmesi gereken bir mayın tarlası haline getiriyor.

Instagram, Telegram ve Facebook erişilebilirlik kurallarını ihlal ediyor

Instagram, giriş yapmak için en az erişilebilir sosyal medya platformudur. Görüntü tabanlı uygulama, metin okunabilirliği ve resimlerdeki isteğe bağlı alternatif metin konusunda sıkıntı yaşıyor ve dünya çapında 2,2 milyar görme engelli kişi için giriş sayfasının %20,66'sını kullanılamaz hale getiriyor. Yem marjinal olarak daha iyi ancak %13,6'sına erişilemediği için hâlâ arzulanan çok şey kalıyor.

Mesajlaşma uygulaması Telegram, giriş ekranının %20,29'u ve feed'inin %11,11'ine erişilemez olmasıyla sondan ikinci sırada yer alıyor ve Facebook'un okunamayan podyumda son sırayı almasına neden oluyor. Aylık 467 milyon ziyaret alan dünyanın en büyük sosyal medya platformu olmasına rağmen ana ekranının %16,14'üne erişilemiyor. Gerçek yayın çok daha iyi olmasına rağmen (yalnızca %2,37'si başarısız olur), oturum açamazsanız hiçbir zaman keyfini çıkaramazsınız.

Sitenin yazı tipi (mavi arka plan üzerinde beyaz metin) sorunların yalnızca başlangıcıdır. Renk kontrastı için minimum gereksinimleri karşılamaz, resim yüklemelerinde alternatif metni zorunlu kılmaz ve bazı eksik ARIA etiketleri nedeniyle bazı kullanıcıların gezinmesini zorlaştırır.

Erişilebilirlik sorunlarının en fazla olduğu sosyal medya platformları

Amazon Prime Video en erişilebilir eğlence sitesidir

Eğlence sitelerinin içeriklerini erişilebilir kılmak için yalnızca altyazılara ve sesli açıklamalara ihtiyacı yoktur, aynı zamanda programların bulunmasının ve oynatılmasının kolay olmasını da sağlamaları gerekir. Amazon Prime Video, giriş sayfasının yalnızca %0,72'sine ve ana sitenin %0,59'una erişilemediği için bunu herkesten daha iyi yapıyor. Kullanıcıların her bölümde gezinmesine olanak sağlamak için net bir sekme sırası, koyu arka plan üzerinde açık yazı tipi ve açıklayıcı bağlantılar kullanır.

HBO Max'in (giriş sayfasının %1,4'ü ve ana sitenin %1,35'ine erişilemiyor) ve giriş sayfası için %1,4 ve ana site için %2,19 puan alan oyun yayın sitesi Twitch'in rekabetini geride bırakıyor. Prime Video'nun eğlence alanındaki önde gelen rakiplerinden biri olan Netflix, bir şekilde geri dönüyor. Giriş sayfası çok iyi performans gösterirken, yalnızca %0,27'si testlerde başarısız olurken, ana sitesinin %1,79'u geçemiyor.

SoundCloud dünyanın en az erişilebilen eğlence sitesidir

SoundCloud ücretsiz olarak müzik dinlemenize izin verse de, engelli kullanıcılar için bunun bir maliyeti vardır. Sitenin giriş sayfasının %31,42'sine erişilemiyor, arka plan resmi üzerinde 66 kez metin kullanılıyor ve bu da okumayı zorlaştırıyor. Ayrıca kimsenin kulağına hoş gelmeyecek ARIA etiketleri, form kimlikleri ve açıklayıcı bağlantılardan da yoksundur. İçeriğin %14,92'sine erişilemediği için oturum açtığınızda işler pek iyi olmuyor.

Kötü kitaplar arasında Steam ikinci sırada yer alıyor. Site, kullanıcıların çevrimiçi oyun oynamasına izin veriyor, ancak görsellerde alternatif metin, arka plan görsellerinin üzerinde metin ve çok sayıda metin biçimlendirme sorunu olmadığından, erişilebilirliği biraz daha ciddiye almaları gerekiyor – ana sayfanın %12,90'ı ve içeriğin %9,53'ü şu anda sınırlandırılmış.

Roblox üçüncü sırada yer alıyor. Çevrimiçi oyun, çocukların belirli engelleri olmadığı sürece çocuklar için harikadır. Sitenin giriş sayfasının %6,29'una, özellikle de etiket veya ipucu içermeyen formlara erişilemiyor. Form etiketleri olmadan, görme engelli kullanıcılar hangi bilgiyi nereye koyacaklarını bilemeyecekler, bu da eğlenceye katılamayacakları anlamına geliyor. Ana site %1,13'lük bir puanla büyük ölçüde gelişirken, tüm bu içerik, hiçbir zaman erişemeyen kullanıcılar için boşa harcanıyor.

Erişilebilirlik sorunları olan eğlence siteleri

Amazon'un erişilebilirliği e-ticarete öncülük ediyor

Amazon'un perakende sitesi piyasadaki en erişilebilir sitedir çünkü yalnızca %0,84'ü testlerimizde başarısız olmuştur. Site, beyaz bir arka plan ve koyu metinden faydalanırken, aynı zamanda kullanıcıların tıklayabileceği çok sayıda açıklayıcı bağlantı ve menü sunuyor. Kullanıcı yolculuğu aynı zamanda inanılmaz derecede verimlidir; insanların sepetlerine bir şeyler eklemesine ve hızlı bir şekilde ödeme yapmasına olanak tanıyarak aşırı aceleci zaman aşımı riskini önler.

Dunelm, en erişilebilir ikinci e-ticaret sitesidir. Mobilya perakendecisinin sitesinin yalnızca %1,01'ine erişilemiyor, bu da kullanıcı yolculuğunu sattıkları ürünler kadar konforlu hale getiriyor. Site görsellerin üzerinde metin kullansa da, bunu net bir şekilde vurgulayarak herhangi bir tarzdan ödün vermeden erişilebilir özellikler sunmasına olanak tanıyor.

Xfinity listemizde üçüncü sırada yer alıyor. İnternet sağlayıcısının sitesinin yalnızca %1,08'i erişilemez durumda ve tüm içeriğin canlı kalması için canlı, beyaz bir arka plan sunuyor.

Smyths Toys, en az erişilebilen e-ticaret sitesidir

Açık mavi arka plan üzerinde beyaz yazı tipi, açıklayıcı olmayan düğmeler ve değişen yazı tipi boyutları ile Smyths Toys'un sitesinin %18,80 oranında erişilemez olması sürpriz değil. 'Şimdi alışveriş yap' yazan düğmeler bağlam dışında hiçbir şey ifade etmez, dolayısıyla içerikte gezinen herhangi birinin durup tıklaması pek olası değildir.

Unsplash bir sonraki en kötüsüdür. Sitenin %15,56'sına erişilemiyor; bu sorun, alt metin içermeyen çok sayıda görselle de pekiştiriliyor. Platform, fotoğrafçıların ve tasarımcıların çalışmalarını paylaşmaları için harika bir yerdir, ancak görsellerin üzerindeki metinler ve kafa karıştırıcı sekme düzeni, engelli kullanıcılar için onu kötü bir deneyim haline getirmektedir.

Halfords istenmeyen üçüncü sırayı alıyor. Site, araba parçaları için harika bir yer olsa da renk kontrastı açısından kötü bir nokta ve siteye %9,56'lık erişilemez bir puan veriyor.

Erişilebilirlik açısından en iyi ve en kötü e-ticaret siteleri

Perşembe erişilebilir flört için harika

Engelliyken aşkı arıyorsanız Perşembe sizin için flört uygulaması olabilir. Ancak hiçbir tanışma sitesi özellikle iyi puan almıyor. Perşembe gününün %6,50'sine erişilemiyor; bu puan, görsellerden metnin kaldırılması ve renk kontrastının arttırılmasıyla iyileştirilebilecek bir puandır.

Tinder %6,77 puanla ikinci sırada yer alıyor. Açık gri arka plan üzerinde koyu gri yazı tipi asla çok erişilebilir bir siteye yol açmaz, ancak bunun dışında sorun değil. Bizden geçici bir kaydırma.

Sitesinin %8,27'sinin erişilemez olmasıyla üçüncü sırada Grindr yer alıyor. Kalın, siyah metinlere sahip parlak sarı bir sitedir, bu da siteyi oldukça okunaklı ve etkileşimi kolay hale getirir.

Bumble'ın %14,34'üne erişilemiyor

Bumble, yalnızca kadınların ilk önce konuşabileceği bir uygulama yaratarak internetteki buluşma sahnesinde devrim yaratmış olsa da, gerçekten erişilebilir bir platforma ulaşması için daha kat etmesi gereken çok yol var. Mevcut durumda sitenin %14,35'i engelli kişiler için kullanılamaz durumdadır. Açıklayıcı bağlantılardan ve düğmelerden yoksundur ve en kötüsü sarı arka plan üzerinde beyaz yazı tipi kullanır.

Mükemmel görme yeteneğiyle bile bunu okumak zor.

Sadece biraz daha iyi olan sitenin %13,93'üne erişilemez olması nedeniyle eHarmony. Orijinal tanışma sitelerinden biri, erişilebilir içerik söz konusu olduğunda hâlâ çağın biraz gerisinde, hareketli görsellerin üzerindeki metinlerin okunması bir kabusa dönüşüyor. Üstelik küçük, açık gri yazı tipi işleri pek kolaylaştırmıyor.

Erişilebilir eşleşmeleriyle tanışan tanışma siteleri

GoDaddy, site erişilebilirliği açısından en iyi web sitesi oluşturucusudur

Şimdi uzmanlık konumuz olan web sitesi oluşturuculara geçelim. GoDaddy kesinlikle en büyüklerden biri ve web sitesinin erişilebilirliği söz konusu olduğunda aynı zamanda en iyisi. Sitenin yalnızca %2,11'ine erişilemiyor, bu da sitenin kullanımını %3,61 ile Wix'ten ve %8,49 ile Weebly'den daha kolay hale getiriyor.

Bu sitelerin tümü iyi bir kullanılabilirlik ve net gezinme sunarak müşterilerin sahip oldukları yetenek düzeyi ne olursa olsun hizmetlerinde gezinmelerini kolaylaştırır.

WordPress ve Squarespace en az erişilebilir web sitesi oluşturucularıdır

Piyasadaki en büyük oyunculardan ikisi olmasına rağmen hem WordPress (%10,22) hem de Squarespace (%9,33) erişilebilirlik konusunda zorluk yaşıyor. Her ikisinde de alan odaklanma sorunları var, bu da az gören kullanıcıların bölümleri yakınlaştırmasına ve içeriği yakından okumasına olanak tanıyor. Ayrıca fare kullanamayan kişilerin içerik üzerinde yeterince uzun süre kalmasına da yardımcı olabilir.

Her iki sitede de odaklanma bir sorun olurken, düşük renk kontrastı ve eksik ARIA etiketleri toplam puanlarına katkıda bulunuyor.

Erişilebilirlik puanlarını oluşturması gereken web sitesi oluşturucuları

H&M, Nike ve Nordstrom'un tümü erişilebilirlik açısından iyi görünüyor

H&M, Nike ve Nordstrom gibi moda siteleri, erişilebilir olacak şekilde tasarlanmış sitelerle kullanıcıların ürünlerine erişmesini kolaylaştırıyor. H&M, raporumuzun tamamında en iyi puanı alan isimlerden biri; sitesinin yalnızca %0,38'ine erişilemiyor ve bu, esas olarak birkaç ARIA etiketinin eksik olmasından kaynaklanıyor.

Nike da iyi; sitesinin yalnızca %1,68'i testlerimizde başarısız oldu. Açık renkli bir arka plan üzerinde siyah yazı tipi kullanıyorlar ve resimlerine alternatif metin koyuyorlar. 'Mağaza' düğmelerini düzenlerlerse daha da yüksek puan alırlar. Düğmede ürünün adının belirtilmesi okunabilirliği artırır ve muhtemelen düğmeyi tıklayan kişi sayısını da artırır.

Nordstrom'un web sitesinin yalnızca %2,13'üne erişilemiyor; bu da yine iyi renk kontrastından ve basit düzenden yararlanıyor.

ASOS moda erişilebilirliğini ihlal eden tek kişi değil

ASOS, anketimizin tamamında en az erişilebilen web sitesi olmasına rağmen, düzenlemelerin yanlış tarafına düşen tek moda sitesi değil. Sitenin %21,38'i erişilemez durumda, yalnızca %16,12 ile Shein'den biraz daha kötü. Avrupa moda sitesinin çok yoğun bir ana sayfası var, bu da kullanıcıların nereye gittiklerini bulmasını ve herkesin okumasını zorlaştırıyor.

Açılır pencerelerin miktarı da zordur. En iyi ekran okuyucular bunlarla başa çıkabilir, ancak bazıları bunlara takılıp kalacak ve müşterilerin herhangi bir ürüne göz atmasını engelleyecektir.

Moda siteleri erişilebilirlik açısından pek hoş değil

Gmail en erişilebilir e-posta sağlayıcısıdır

E-posta gelen kutuları oldukça basit olmalıdır. Boş bir arka plan, anlaşılır başlıklar ve anlaşılır bağlantılar, özellikle ana sağlayıcınız Gmail ise, e-postaları açmayı ve yanıtlamayı kolaylaştırır. Google'ın posta platformunun yalnızca %3,17'si erişilemeyen özelliklere sahiptir; hataların çoğunluğu zayıf ARIA etiketlemesinden kaynaklanmaktadır ve yardımcı teknoloji kullanıyorsanız belirli öğelerin belirsiz olmasına neden olmaktadır.

Gmail, renk kontrastı ve okunabilirlik açısından iyi puan aldı. Beyaz bir arka plan üzerinde siyah metnin okunması bundan daha kolay olamazdı ve düzenli bir gelen kutusu, iletilerde gezinmeyi kolaylaştırır.

Sitesinde %3,84 oranında erişilemeyen özelliklere sahip olan live.com'u geride bırakıyor. Bu, emojilerin, baloncuklu metinlerin ve titreşimli sohbetlerin 2000'li yılların en kararlı gençleri dışında herkesin anlamasını zorlaştırdığı Live'ın öncülü MSN Messenger'a göre çok büyük bir gelişme.

Yahoo'nun sitesini erişilebilir kılmak için yapması gereken işler var

Gmail'in e-posta sektöründeki en büyük rakiplerinden biri erişilebilirlik konusunda kendini yarı yolda bırakıyor. Engelli kullanıcılar için e-posta gelen kutularının %16,42'sine erişim imkânsızdır, bu da birçok e-postanın açılmadan kalacağı anlamına gelir. Koyu gri arka plan üzerindeki siyah metnin okunması zordur, görsellerin üzerindeki metin kafa karıştırıcı olabilir ve gelen kutunuza erişmeye çalışırken açılan çok sayıda reklam, bazı ekran okuyucularda ciddi sorunlara neden olabilir.

E-posta sağlayıcılarının okunması zorlaşıyor

En yaygın erişilebilirlik sorunları

Bazı erişilebilirlik sorunları diğerlerinden daha sık ortaya çıkıyor. Her web sitesindeki her videonun işaret dili olması ideal olsa da bunun herkesin bütçesine sahip olamayacağının da farkındayız. Ancak tüm bu yaygın sorunların düzeltilmesi kolaydır ve işletmenizin daha fazla müşteri tutmasına ve daha fazla para kazanmasına yardımcı olabilir.

Renk kontrastı

Renkli bir arka plan üzerine metin yerleştirirken, metnin öne çıkacak kadar yüksek bir kontrasta sahip olması gerekir. Pek çok site, işlev yerine stil seçme tuzağına düşüyor, renkli arka planların üzerine renkli yazı tipleri yerleştiriyor ve bu da görünmez olma riskini taşıyor.

Görsellerde alternatif metin yok

Alternatif metin, görsel sorunları olan kişilerin görsellere bakarken güvendiği metindir. Bu, görselin neyi gösterdiğini açıklamak için ekran okuyucularının okuyacağı şeydir, yani "Kutu üzerinde oturan kedi"den "12 bedende yeşil düğmeli elbise"ye kadar herhangi bir şey olabilir. Alternatif metin kullanmazsanız milyonlarca kişi hiçbir resminizi fark etmeyecektir.

Eksik bağlantı bağlantı metni

Bağlantı metni, bir bağlantının içinde yaşadığı metindir. Örneğin, web sitesi oluşturucu incelemelerimize bağlantı vermek isteseydik, 'web sitesi oluşturucu incelemeleri' kelimeleri bağlantı metni olurdu. Bağlantı metni kullanmazsanız ve bunun yerine yalnızca tam URL'yi içeriğinize koyarsanız, ekran okuyucuların okuması daha zor olabilir ve insanların tıklaması daha az çekici görünür.

Açıklayıcı olmayan bağlantı metni

Bağlantı metni, üzerine tıklandığında ne elde edileceğini veya bağlantının sizi nereye götüreceğini belirtmelidir. Bu yalnızca güven oluşturmakla kalmaz, aynı zamanda kullanıcı deneyimini de geliştirir. Bir bağlantı size tıklamanın ne yapacağını söylüyorsa, onu tıklamanız daha olasıdır.

Açıklayıcı olmayan bağlantılarda 'daha fazla bilgi edinin' veya 'burayı tıklayın' gibi şeyler söylenir. Sayfaya göz atıyorsanız ve bu bağlantıları bağlam dışında görüyorsanız, bunların ne işe yaradığını anlayamazsınız ve muhtemelen onlarla etkileşime girmezsiniz.

Çok fazla gezinme bağlantısı

Birkaç farklı seçeneği gösteren bir açılır menü, çoğu web sitesinde gezinme yöntemimizdir. Ancak menü size çok fazla seçenek sunarsa nereye gitmeniz ve neye tıklamanız gerektiğini anlamak imkansız olabilir.

Bunu bir restorandaki menü gibi düşünün: Açık ve basit bir menü, yemek siparişinizi kolaylaştıracaktır. Yüzlerce yemeğin yer aldığı bir menü sizi bunaltacak ve yemeğin gerçekte ne kadar iyi olduğundan şüphe duymanıza neden olacaktır.

Boş form etiketleri

Bir formu doldururken her kutuya ne yazılması gerektiğini bilmek yardımcı olur. Bunu normalde bir işletmeye adresinizi verdiğinizde ödeme sayfalarında görürüz. Bu formlar boş bırakılırsa görme engelli bir kişi hangi bilgiyi nereye koyacağını bilemeyebilir.

Molalar durdurulamıyor

Siparişinizi zamanında tamamlamazsanız birçok web sitesi sizi zaman aşımına uğratır. 'Üzgünüz, oturumunuz zaman aşımına uğradı' yazan ve her şeye yeniden başlamanıza izin veren bir ekran görebilirsiniz.

Bu herkes için can sıkıcı bir durumdur, ancak özellikle çevrimiçi ortamda işlerinizi halletmeniz doğal olarak daha uzun sürüyorsa. Fare kullanamayan, okuyamayan ya da göremeyen kişilerin aynı eylemleri gerçekleştirmesi daha uzun sürecek, bu da zaman aşımlarını yenmeyi ve siteleri kullanmayı imkansız hale getirecek.

Web sitenizin daha fazla kişiye hitap ettiğinden emin olmak mı istiyorsunuz?

Sonuç veren bir site oluşturmanıza yardımcı olmak için en iyi web sitesi oluşturma araçlarını karşılaştırıyoruz. İster güzel bir yaratıcı portföy ister çok düzeyli, son derece güvenli bir ürün satın alma platformu istiyor olun, ihtiyacınız olan işi yapacak web sitesi oluşturucuyu bulmanıza yardımcı olabiliriz.

Bir milyar insanı yabancılaştırmadığınızdan emin olmak için erişilebilirlik ipuçlarımıza göz atmayı unutmayın.

Metodoloji

Çalışmada 150'den fazla web sitesinin erişilebilirliğini kontrol etmek için 'Arc Toolkit' krom uzantısı kullanıldı. Araç, web sitelerinin ne kadar erişilebilir olduğunu sıralamak için kullanılan bireysel varlıklara, hatalara ve uyarılara bakar. Araştırmayı adil tutmak amacıyla, en çok ve en az erişilebilen web sitelerini bulmak için sıralamayı ana sayfadaki hata yüzdesine dayandırdık. Öncelikle giriş yapmanızı sağlayan sosyal medya ve eğlence siteleri için, giriş sayfalarının erişilebilirliğini inceledik ve ardından sizi doğrudan ana sayfaya yönlendiren diğer sektörlerle tutarlı tutmak için ana sayfaları (yayınları) ayrı ayrı analiz ettik.

Sorumluluk reddi beyanı: Sosyal medya akışlarına bakıldığında, bireyler tarafından gönderilen her şeyin sosyal medya siteleri tarafından kontrol edilemeyeceği, dolayısıyla derinlemesine analizde hataların daha yüksek olmasının nedeni budur. Ancak bu siteler, kullanıcıları resimlerine alternatif metin gibi şeyler eklemeye teşvik ederek siteyi herkes için daha erişilebilir hale getirmek için çaba gösterebilir. Raporumuz, kullanıcıların başka bir şey yapmadan önce oturum açmaları gerektiğinden hem ana sayfalara hem de yayınlara baktı.

Benzerweb tarafından verilerden toplanan en popüler web siteleri. Veri kaynaklarımızı burada bulun.

Bu yazı başlangıçta Kasım 2021'de yayınlandı ve 3 Mayıs 2022'de güncellendi.