Erişilebilirlik İkilemi

WCAG 2.1 (Web İçeriği Erişilebilirlik Yönergeleri) kapsamında web erişilebilirliği için başarı kriterleri, yalnızca ders kitabı perspektifinden bakıldığında ezici olabilir. Deneyimlerime göre, geliştiriciler ve yöneticiler Web Erişilebilirlik projelerine neredeyse oybirliğiyle rahatsızlık veriyor. Örneğin: “tüm bunları” okumak zorunda mıyız, sadece “çok sıkıcı”, “sadece doğrulayıcıyı çalıştırın” … özetlemek gerekirse cırcır böcekleri ve yaban otları.

Bir Web Erişilebilirliği geliştiricisi ve öğrencisi olarak, kriterleri okumanın "dayanılmaz acısını" geçtikten sonra, kritere farklı açılardan yaklaşılabileceğini fark ettim. Örneğin , Kullanıcı Deneyimi açısından ve ayrıca katmanlara göre. Yavaş ama gerçekten, sadece test ederek. Geliştiricilerin her zaman yaptığı bir şey. Şimdi, bu genellikle beni aşağıdaki Soru-Cevap bölümüne götürür:

Ancak, tam olarak neyi “test etmek” için ihtiyacımız var?

Çoğu zaman bilinçsizce yaptığımız şey : kullanıcı yolculuğu .

Bunu nasıl yaparız?

Kullanıcılarımızın sahip olabileceği engellerle bilinçli olarak empati kurarak, başka bir deyişle taklit edebilir veya taklit edebilir.

Sitemi bir doğrulayıcı ile test etmem yeterli değil mi?

Değil. Doğrulayıcılar, büyük web sitelerini bazı kriterler açısından analiz ederken çok yardımcı olur. Sadece %20 gibi. Bununla birlikte, doğrulayıcıların, aslında uygulamalı olarak erişilemeyeceklerini fark etmek için çok başarılı sitelerden geçtiğini gördüm.

Somut benzetme lütfen?

Birkaç kritere uymanız web sitenizi belli bir seviyeye kadar “erişilebilir” kıldığına inanmak. Ana girişte kapıyı otomatik olarak açan çok büyük bir düğmesi olduğu için ofis binanızın "erişilebilir" olduğunu düşünmeye benzer... ama bunu yalnızca çakıllı bir otoparktan geçtikten ve bir merdiven çıktıktan sonra yapın. Peki, kullanıcı yeni başlayanlar için kapıya nasıl ulaşır?

Vitrin Erişilebilirliği

Bugünlerde pek çok sektör Web Erişilebilirliği uyumluluğuna tabidir, bazıları için - hükümet gibi - zorunludur. Çevrimiçi perakende , artan sayıda davanın hedefi haline geldi ve engelli kullanıcıların da net beklentileri var , bu nedenle Mağaza Önü Erişilebilirliği için artan bir ihtiyaç artıyor. Bazen "nakde çevirme" yaklaşımı ile "davaya dönüştürme" sonucu arasında fark yaratmak.

tesis

Süreci bir örnekle açıklayalım, ancak önce bazı öncüller oluşturalım:

1. Bir vitrinin temel amacı, kullanıcıların ürünleri kontrol etmesine izin vermektir.
2. Arayüzdeki öğeler, engelli kullanıcılar da dahil olmak üzere kullanıcının ödeme işlemini tamamlamasını kolaylaştırmalıdır.
3. Geliştiriciler ve Kalite Güvencesi Test Uzmanları, genellikle bir kullanıcının arayüzde A noktasından B veya Z noktasına başarılı bir şekilde gidebileceğini varsayarak test yapar. Aynı kişiler, engelli kullanıcıların da aynı noktalara gelebildiğini test etmelidir.
4. Bir testte A noktasından B veya Z noktasına başarılı bir şekilde ulaşmak, engelli bir Persona'yı taklit ederken, bir dizi erişilebilirlik kriterinin başarıyla yerine getirilmesiyle sonuçlanacaktır.

Bir Persona'nın ne olduğuna girmeden önce , empatiyi açıklığa kavuşturalım . Yapması kolay bir şey gibi geliyor, birçok kez duyduk: “kendimizi başkasının yerine koymak”, ne kadar zor olabilir ki? İnsanların farklı empati seviyeleri olduğu ve genellikle kendi yaşam deneyimlerinden etkilendikleri ortaya çıktı… yani bu o kadar kolay değil.

Sempati Empati DEĞİLDİR

Ayrıca, empatinin ne anlama geldiğine dair farklı algılar işleri karmaşıklaştırıyor, birçok spontane tanım duydum: büyük bir kalbe sahip olmak, bir şey hakkında tamamen duygusal olmak, hayırsever olmak veya "satırlar arasındaki" duyguları okumak… evet, sanırım konuşmanın bağlamına bağlı olarak bunların hepsi pekala olabilir, ancak yine de yukarıda belirtilenlerin tümü empatiden çok sempatiye daha yakındır. Şimdi, Web Erişilebilirliği hakkında konuşurken , neyse ki empati çok pragmatik bir konudur. Örneğin, bir çevrimiçi vitrine erişilebilir veya erişilebilir değildir. Başka bir deyişle, kritik bir yolculuk başarılı olmazsa “yarı erişilebilir” olmaz. Gerçek mekanda faaliyet gösteren bir mağaza için yapmayacağı gibi. Engelli alışverişçiler içeri girip alışveriş yapabilir veya yapamaz.

Gerçek hakkında ne “hissedilirse hissedilsin”, vitrini kullanamayan kullanıcılar hakkında düşünmeye dökülen iyi niyetimiz, düşüncelerimiz ve duygularımız onu daha erişilebilir hale getirmeyecektir. Bu sempati. Bu iyi. Bu motivasyon. Yardımcı olur. Farkındalık yaratır. Ancak web sitelerini erişilebilir yapmaz.

İnsanları empatiye "teşvik etmek" için her zamanki hikayem şu şekildedir, önce rahat bir atmosfer ekleyelim ve aile, arkadaşlar veya ara sıra görgü tanıklarıyla çevrili bir restoranda veya barda olduğumuzu hayal edelim, genellikle bu hikayeyi anlattığım bağlam:

Diyelim ki (engelli olmayan bir kullanıcı ) kadınlar için sarı bir fular gibi basit bir ürün için çevrimiçi alışveriş yapıyormuş gibi yapın ve aniden bilgisayar fareniz çalışmayı durdurur - pili biter - ve ödeme işlemini yalnızca klavye _

Empatiye Direnç

Elbette bu empati egzersizine karşı her zaman bir direnç vardır ve bu normaldir, konfor alanımızın dışına çıkarılmışızdır. Bu yüzden şöyle şeyler duyuyorum: "ya yerleşik fare altlığı olan bir dizüstü bilgisayar kullanıyorsam" … meselenin bu olmadığı konusunda hemfikir olalım. Bir fareye sahip olmak kadar sıradan bir şeyle empati kurmak zorunda olmak saçma gibi gelebilir, ancak tüm süreçle ilgilidir.

Hikâyelerimin bu gelişigüzel dinleyici kitlelerinde kuşaksal bir faktöre işaret etmeliyim; 80'li yılların ortalarında bir bilgisayara sahip olan kullanıcıların bir klavye ile ekranda nasıl hareket edeceklerini hatırlayabileceklerini unutmayalım, o zamanlar top fareleri yeni yeni tanıtılmaya başlandı ve 90'ların sonlarına kadar optik fareler olmadı. piyasada mevcut, ancak o yıllarda doğan kullanıcılar, yalnızca klavye senaryosunu tasavvur ederek hazırlıksız yakalanabilirler. Dediğim gibi, empati kurmak o kadar kolay değil.

Her neyse, örnek özümsendiğinde ve insanlar teoriler atmaya ve yalnızca klavyeyi kullanarak ekranda nasıl hareket edeceklerini hatırlamaya veya çözmeye başladıklarında, ödemeyi nasıl bitireceğimize dair bir fikrimiz, bir planımız, bir yol haritamız - bir yolculuğumuz - olacak. .

Tamam, bu klavye yolculuğu özümsendikten sonra karmaşıklığı ekleyelim : Bu öğeyi birçok kez satın aldığınızı farz edelim (herkese sarı eşarp alın) ve artık süreci ezbere biliyorsunuz, "çok iyi" bilin, herhangi bir sorun olmadan yapabilirsiniz. fare, o kadar iyi ki "gözleriniz kapalıyken" yapabilirsiniz... gerçekten mi? … şunu deneyelim: klavye gezintisi + gözler kapalı .

Engelli Kişiler

Gözlerinizi kapatmadan önce Persona nedir onu tanımlayalım ; Kullanıcı Deneyimi (UX) Tasarımı bağlamında, " kişiler ", hedefleri ve özellikleri daha geniş bir kullanıcı grubunun ihtiyaçlarını ve sınırlamalarını temsil eden arketipsel kullanıcılardır. Evet, kullanıcıların yüzlerini koymak empati sürecine yardımcı olur, "erişilebilirlik için kişiler"i Google'da aratarak kullanılabilecek pek çok hazır kişi bulabiliriz , ancak sonra evet, daha fazla okuma ... yine cırcır böcekleri ve tumbleweeds.

Bununla birlikte, barda sıradan aşırı basitleştirilmiş hikaye anlatımını takip etmek için ve bu makale uzamaya başladığı için (o kadar çok okumak zorunda olmama konusundaki noktayı kaçırıyoruz), kısa bir paragrafta olabilecek birkaç kişiyi aşırı basitleştirelim. engelli olmayan kullanıcılar tarafından kolayca taklit edilir. Önceki bir makaleden gelen Jane ve John'a girin , daha önce erişilebilirlik temeli perspektiflerini ve beklentileri belirlerken bana yardımcı oldular.

• Jane: Yakın zamanda sağ elini kıran sağ elini kullanan kullanıcı, yalnızca klavyeyle gezinmeyi kullanmak zorundadır, ekranda nerede olduğunu bilmek ve Kullanıcı Arayüzündeki bir sonraki öğeye geçmek için görüşüne güvenir.
• John: görme engelli kullanıcı, yalnızca klavye navigasyonunu kullanır, nerede olduğunu bilmek ve Kullanıcı Arayüzündeki bir sonraki öğeye geçmek için ekran okuyucunun seslendirmesine güvenir.

Bir kullanıcının bir vitrinde gezinmesinin birçok yolu vardır, ancak her zaman daha yaygın olan yollar vardır ; vitrinin gerçekten para kazandırdığı yollar, kritik kullanıcı yolculuklarıdır . Yalnızca klavyeyle gezinme bunun bir istisnası değildir; bu nedenle, Kadınlar için sarı bir fular olan Vitrin Erişilebilirliği hakkındaki bir hikayedeki ürüne dayalı ortalama süper basit bir yolculuk üzerinde anlaşalım .

Kritik Kullanıcı Yolculuğu

Test kullanım durumu: Jane , kendisi için sarı bir eşarp almayı düşünüyor. John ise aynı eşarbı kız arkadaşına almak ister. Daha fazla açıklığa kavuşturmak için, Jane ve John akraba değiller, birbirlerini tanımıyorlar.

Her ikisi için de, Jane ve John , kadınlar için sarı bir fular satın almaya yönelik kritik yolculuk şuna benzer:

Sekmeden Arama alanına gidin > “Sarı eşarplı kadın” yazın > Sekmeyle ilk ürüne gidin (sarı eşarpmış gibi davranmak) > Ödeme işlemini başlatın.

Taklit mi Simüle mi?

Oraya gidiyoruz, buraya kadar okuduğunuz için teşekkürler. Simülasyon ve öykünme arasındaki fark çok incedir. Her ikisi de “taklit” kelimesini içerdiğinden, bu kavram üzerinde duralım. Aşağıdaki örnek için, öykünme yazılımı kullanacağız, bu yüzden buna öykünme diyelim, ama kesinlikle taklitten bahsettiğimi bilin.

Şimdi, Taklit empati kurmanın anahtarıdır ve bunu Jane & John'un bir vitrindeki sarı eşarbına nasıl gideceklerine mümkün olduğunca yakın yapmalıyız . Her ikisinin de yalnızca klavye navigasyonunu kullanacağını biliyoruz, bu nedenle ödeme işlemini tamamlamak için bize aşağıdaki tuşlar kalıyor.

Klavye Etkileşimleri

• SEKME
• ÜSTKRKT+SEKME
• UZAY
• GİRİŞ
• Ok tuşları.

Tamam, burası barın seyircisine cesaret ettiğim yer ve siz okuyucu - şaka yapıyorum - sizi web'de herhangi bir veya birkaç çevrimiçi vitrin seçmeye davet ediyorum. Ama en önemlisi, kadınlar için sarı bir eşarp bulabileceğiniz ve Jane & John'u taklit ederek ödeme sürecinde olabildiğince ileri gitmeye çalışabileceğiniz bir yer . Bununla birlikte, eğer istemiyorsanız, her seferinde “aslında” eşarbı almak zorunda değilsiniz.

Jane'i taklit etmek

Yalnızca Jane'in kullanacağı klavye tuşlarını kullanarak kritik kullanıcı yolculuğunu takip edin .

John'a öykünmek

ChromeVox uzantısını etkinleştirin ve - nihayet! — gözlerinizi kapatın ve ardından seslendirmenin size söylediklerini dinleyerek ve yalnızca John'un kullanacağı klavye tuşlarını kullanarak kritik kullanıcı yolculuğunu izleyin.

Ortak sorunlar

Öykünme deneyiminizi farklı türdeki vitrin erişilebilirlikleriyle karşılaştırırken, şu tür sorunlarla karşılaşabilirsiniz: rastgele öğelere giderek sayfadaki bir sonraki mantıksal öğeye sekmeyle geçememe, ileri herhangi bir noktadan sekme yapamama (klavye tuzağı) , ürünün rengi veya fiyatı gibi anlamlı bir açıklamasını duyamıyor. Ne yazık ki, bu çok yaygındır ve belirli bir web sitesinde Web Erişilebilirliği eksikliğinin bir göstergesidir.

Kriter uyumluluğu

Terimlerin açıklanması: ölçüt çoğuldur; kriter tekildir.

Şimdi, Jane & John'u öykünerek ödeme sürecini başarıyla tamamlamayı başardıysanız , o vitrin aşağıdaki WCAG 2.0 kriterlerine uymuştur.

Kriterlerin çoğunun yalnızca birkaç AA Düzeyi ile A Düzeyi olduğuna dikkat edin. Bana göre yukarıdakiler “başlangıç ​​için” uyulması gereken en önemli kriterler. Üstüne daha zengin bir kullanıcı deneyimi oluşturmak için temel oluştururlar. Örneğin, daha fazla AA Düzeyi kriteri eklemek veya braille ekranlar gibi diğer yardımcı teknolojileri kullanmak. Bunları zor kısım olarak kabul edelim veya renk kullanımı, metin boyutu, video ve ses gibi “daha ​​basit” kriterlerden bağımsız olarak ele alalım.

Bardaki hikaye burada bitiyor. Ya Jane & John olarak öykünmeyi bitirebilseydin ya da bitiremezdin . Biraz denemiş olsanız bile, bir kadeh kaldırmayı hak ediyor. Şimdiye kadar fark etmiş olabileceğiniz gibi, gözlerinizi kapatarak Vitrin Erişilebilirliği ile ilgili sorunların nerede olduğunu "görmeye" başladınız. Öyleyse, şerefe! ne içiyorsan yanında.

Sonuç olarak

1. Vitrin Erişilebilirliğini empatiyle "yürüyerek" doğrulayabiliriz.
2. Bir çevrim içi vitrin planlanırken, geliştirilirken ve test edilirken, yukarıda belirtilen 16 kriterle ilgili hataların giderilmesine yönelik her türlü çaba, engelli kullanıcıların ödeme işlemini kolaylaştıracaktır.
3. Bir web geliştiricisi, erişilebilir bir kritik kullanıcı yolculuğunun , onu QA test uzmanına teslim etmeden önce gerçekten çalıştığından emin olmalıdır .
4. En iyi doğrulama aracı empatidir.
5. Bazen gözlerimizi kapatarak sorunun nerede olduğunu "görebiliriz".
6. Engelli alışveriş yapanlar, tuğla ve harç mağazalarında yaptıkları gibi çevrimiçi satın alabilmelidir.
7. Hiç kimse ömür boyu engellilikten muaf değildir, en iyi senaryo: hepimiz yaşlanırız.
8. Web Erişilebilirliği, herhangi bir olası satıştan nakde dönüş stratejisinde, olası bir dava senaryosuna dönüşmeden önce bir iş fırsatı olarak görülmelidir .