Pavlův týdenník #27: Přístupnost webu a testování s lidmi

Dodavatel vám pošle zprávu, že váš nový web získal v automatickém testu 100 bodů ze 100. Zní to jako hotová věc. Jenže automatický test neřekne, jestli člověk s postižením nebo nový zákazník na telefonu najde váš kontakt a odešle poptávku. Tři novinky z posledních týdnů ukazují, jak tuhle mezeru zavřít dřív, než za ni zaplatíte ztracenými zakázkami.

• W3C, organizace, která stanovuje webové standardy, zveřejnila v září návrh WCAG 3, nových pravidel přístupnosti webu.
• Autoři českého newsletteru Řekni si o web popsali audit návrhu webu, který měl v automatickém testu skoro samé stovky, a přesto na něm chyběly věci, které neslyšící lidé potřebují.
• Nielsen Norman Group, poradenská firma zaměřená na použitelnost webů, vydala nový úvodní text o tom, jak použitelnost zlepšovat.

Přístupnost webu: co chystá WCAG 3 a co z toho plyne pro vás

Co se děje: W3C zveřejnila návrh nových pravidel přístupnosti. Proč vás to zajímá: na dosavadní pravidla WCAG 2 se dnes odvolává většina zákonů o přístupnosti. Co udělat: zatím nic přepisovat, ale ptát se dodavatele, jak přístupnost ověřuje.

WCAG je mezinárodní soubor pravidel, jak má vypadat web, aby ho mohli používat i lidé se zrakovým, sluchovým nebo pohybovým omezením. O návrhu verze 3 napsala 25. září Shawn Lawton Henry, ředitelka iniciativy W3C pro přístupnost webu, na blogu W3C. Napsala, že jde o návrh, který zatím není hotovým standardem.

Návrh nabízí jednu úroveň shody, takzvané základní požadavky (core requirements). Vycházejí z kritérií WCAG 2.2 na úrovních A a AA. Nad nimi mají být doplňkové požadavky a několik úrovní hlášení, kolik toho firma splnila navíc. Podle příspěvku dnes většina zákonů o přístupnosti vychází z WCAG 2.

Proč zelené skóre nestačí

Co se děje: automatický test může dát webu skoro plný počet bodů, i když na něm lidé uvíznou. Proč vás to zajímá: skóre od dodavatele nemusí znamenat, že se k vám zákazník dostane. Co udělat: nechat si web projít na konkrétních scénářích.

Lighthouse je automatický test, který webu přidělí body do sta. Jakub Goldmann a Martin Kopta, autoři newsletteru Řekni si o web, v něm 5. listopadu popsali audit návrhu webu organizace, která zastupuje neslyšící lidi. Lighthouse dal čtyřem ze šesti zkoumaných stránek 100 bodů a nejhorší stránka měla 94.

Přitom na webu byla videa v českém znakovém jazyce ve výchozím stavu vypnutá a schovaná v nastavení přístupnosti. V kontaktu pro jeden kraj navíc stála nevyplněná šablona ve tvaru „…@…“ místo e-mailové adresy. Napsat na takovou adresu nejde.

Autoři to shrnují tak, že skóre měří shodu s pravidly, kdežto scénář měří, jestli člověk došel na konec. Proto auditují ve čtyřech vrstvách a poslední tvoří úkoly: například najděte tlumočníka ve svém kraji.

Představte si autoservis, který má web s 98 body ze 100. Zákazník chce objednat výměnu pneumatik, jenže kalendář objednávek se na jeho telefonu nedá otevřít. Test projde a objednávka nevznikne.

Pět lidí a tři úkoly: levná kontrola webu

Co se děje: Nielsen Norman Group znovu shrnula, jak zlepšovat použitelnost webu. Proč vás to zajímá: pozorování pár lidí rychle ukáže, kde zákazníci váznou, ještě než do úprav investujete. Co udělat: sledovat pár lidí při reálném úkolu.

Nielsen Norman Group vydala 6. listopadu nový text Usability 101: Introduction to Usability od Ralucy Budiu. Nahrazuje původní úvod, který v roce 2012 napsal Jakob Nielsen. Použitelností se rozumí, jak snadno lidé s webem splní konkrétní úkol.

Text na příkladu ukazuje, že použitelnost závisí na situaci: tabulka o deseti sloupcích může být pohodlná na velkém monitoru a na telefonu k nepoužití.

Hlavní doporučení je jednoduché: nechat reprezentativní uživatele provádět realistické úkoly a pozorovat, co dělají. K odhalení mnoha důležitých problémů podle autorky často stačí pět lidí. Podle textu se má s testováním začít brzy, i na jednoduchém prototypu, a opakovat ho.

Pokud jde o přínos, text odkazuje na vlastní rozbor redesignů z roku 2020: sledované ukazatele, třeba tržby nebo počet registrací, se po zlepšení použitelnosti zvýšily v průměru o 75 %. Výsledky se mezi projekty hodně lišily a podle autorů nejde o přímý odhad návratnosti, takže ho berte jako orientační údaj a nečekejte stejný výsledek u sebe.

Co z toho plyne pro vaše podnikání

Všechna tři témata spojuje jedna otázka: dostane se zákazník na vašem webu až do cíle. Automatické skóre je dobrý začátek, ale doplňte ho pozorováním skutečných lidí, které není náročné.

Za sebe bych začal třemi kroky:

1. Zeptejte se dodavatele na verzi WCAG.
2. Nechte web projít třemi scénáři.
3. Sledujte při úkolech pět lidí.

Pokud plánujete nový web, je rozumné počítat s přístupností už v návrhu, viz tvorba firemních webů na míru. U stávajícího webu se vyplatí promyslet změny podle článku o redesignu webu bez ztráty poptávek.

Pojďme to probrat osobně

Pokud chcete vědět, kde se na vašem webu zákazníci zasekávají, rezervujte si konzultaci zdarma. Projdeme spolu tři scénáře na vašem webu a řekneme si, co opravit jako první. Případně mi napište na kontakt a ozvu se vám.

Zdroje

• W3C: Crafting WCAG 3 for more accessible user experiences
• Řekni si o web: Stovka z Lighthouse není přístupnost
• Nielsen Norman Group: Usability 101: Introduction to Usability

Pavel Szabo

Programátor webů, eshopů a informačních systémů s více než 23 lety praxe. Pomáhám firmám i jednotlivcům s online podnikáním, automatizacemi a využitím AI v praxi.

Domluvte si konzultaci zdarma