Archiv rubriky: Přístupnost webu

Praktické postřehy z testování přístupnosti webů v soutěži Biblioweb

Už řadu let hodnotím přístupnost webů v soutěži o nejlepší webovou prezentaci knihovny Biblioweb, do jejíhož jubilejního dvacátého ročníku přihlásilo své weby 41 veřejných knihoven. Jaká byla přístupnost soutěžních webů a jaké trendy lze na základě letošního hodnocení v této oblasti vypozorovat?

Jak a co jsem testoval

Podobně jako v jiných soutěžích, i testování v Bibliowebu je třeba přizpůsobit aktuálním podmínkám. Což znamená otestovat během relativně krátkého času (cca 10 dnů) relativně velké množství (zpravidla několik desítek) webů. Proto se při testování soustředím na zhodnocení míry naplnění stěžejních požadavků na technickou přístupnost na klíčových místech webu na vybraném vzorku stránek.

Které oblasti to jsou?

  • Strukturování webové stránky – nadpisy, oblasti stránky.
  • Přístupnost a ovladatelnost prvků webové stránky z klávesnice.
  • Dostatečný barevný kontrast a čitelnost textu.
  • Definování smysluplné textové alternativy u grafických prvků, nesoucích významovou informaci.
  • Přístupnost dokumentů.

Testování v zásadě probíhá způsobem popsaným v článku Jak na jednoduchý audit přístupnosti – otestujte si bezbariérovost svého webu, díky němuž lze poměrně snadno odhalit největší bariéry v přístupnosti.

Jak na jednoduchý audit přístupnosti – otestujte si bezbariérovost svého webu

Jak si s jednotlivými oblastmi knihovny poradily?

Strukturování webové stránky pomocí nadpisů a oblastí stránky

Obzvlášť u stránek informačně bohatých (a takových najdeme na webech knihoven většinu) je strukturování obsahu webové stránky naprosto zásadní. Nedostatečné či nevyhovující strukturování komplikuje přístup k informacím, naopak robustní nadpisová osnova a vyznačení alespoň stěžejních oblastí stránky orientaci významně usnadňuje.

Nadpisová osnova

Pouze u 8 webů z 41 jsem k nadpisové osnově neměl zásadní připomínky a ohodnotil ji plným počtem bodů, dalších 10 webů mělo v oblasti nadpisových osnov jen drobné chyby. Na druhém konci žebříčku se umístilo hned 16 webů, jejichž nadpisové osnovy neodpovídaly obsahu jednotlivých stránek a například uživatel čtečky obrazovky ji tak nemohl použít pro zorientování se v obsahu stránky a snadnému přístupu k požadované informaci.

Oblasti stránky

Oblasti stránky jsou vedle nadpisové osnovy dalším, již nějaký čas standardizovaným řešením, které může uživatelům usnadnit orientaci v obsahu webové stránky. I přes jeho velmi snadnou implementaci do kódu stránky bylo toto řešení v drtivé většině případů použito nedostatečně, či nebylo použito vůbec.

Na 12 webech bohužel nebyly oblasti stránky vůbec definovány a většina webů je měla definovány nevhodně (tzn. buď nepokrývaly celý obsah; chyběla definice hlavního obsahu; přiřazené role/oblasti neodpovídaly obsahu, kterému byly přiřazeny). Vhodnou implementaci oblastí stránek bylo možné najít jen na 5 soutěžních webech.

Přístupnost a ovladatelnost prvků webové stránky z klávesnice

Dostupnost a ovladatelnost prvků na webové stránce při ovládání pomocí klávesnice je i v době dotykových zařízení stále velmi potřebné. Řada uživatelů (zejména těch se zrakovým postižením) totiž preferuje klávesnici jako primární vstupní zařízení při práci s výpočetní technikou.

U pěti webů byla přístupnost z klávesnice bohužel velmi problematická. kvůli nepřístupnosti položek 2. úrovně menu z klávesnice. U drtivé většiny webů také chyběly přeskakovací odkazy na důležité části webu (hlavní obsah, navigace) a vizuální zvýraznění prvku, který získá focus při ovládání webu z klávesnice. Zcela bezproblémovou měly ovladatelnost z klávesnice pouze 4 soutěžní weby.

Dostatečný barevný kontrast a čitelnost textu

Mnohem lepší byla situace v oblasti čitelnosti a kontrastu. Za opravdu problematické z tohoto úhlu pohledu se dalo považovat pouze 6 webů, u ostatních, což byla opět většina, byla čitelnost a kontrast na bezproblémové až vyhovující úrovni.

Dílčí problémy se pak objevily u odlišování odkazů od okolního textu: na několika webech byly odlišeny pouze barvou, v jednom případě pak dokonce nebyly odlišeny vůbec.

Definování smysluplné textové alternativy u grafických prvků, nesoucích významovou informaci

Přiřazovat grafickým prvkům textové popisky je dovednost, kterou už se tvůrci webů poměrně spolehlivě naučili. Se splněním tohoto bodu tedy nebyly žádné zásadní problémy a drtivá většina webů měla stěžejní grafické prvky korektně popsány. Pouze u několika málo webů byly pozvánky na akce zveřejňovány pouze v grafické podobě, což znemožňovalo jejich snadné přečtení či další zpracování (například zkopírování části textu).

Přístupnost dokumentů

Stále více informací je na webu publikováno prostřednictvím dokumentů. Proto je důležité, aby i tyto dokumenty splňovaly alespoň minimální požadavky na přístupnost, tj. alespoň obsahovaly textovou vrstvu.

U 13 webů jsem během testování narazil na dokumenty, které byly bez textové vrstvy, a k jejich přečtení tak bylo třeba vynaložit zvláštní úsilí (například si nechat obsah dokumentu rozpoznat pomocí OCR). Na zbývajících 28 webech byly dokumenty publikovány s textovou vrstvou.

Shrnutí

Jak je z řádků výše patrné, z obecného úhlu pohledu se stav přístupnosti knihovních webů pomalu lepší, nicméně stále je tady prostor ke zlepšení. Za pozornost stojí zejména zlepšení strukturování stránky pomocí nadpisů a oblastí a ovladatelnost rozhraní z klávesnice.

Cena za nejpřístupnější web

Součástí hodnocení je i nominování jednoho ze soutěžních webů na cenu za nejlepší bezbariérový web, který může posloužit jako zdroj inspirace pro ty, kdo chtějí svůj web lépe zpřístupnit. S požadavky na přístupnost se v letošním ročníku nejlépe vypořádali tvůrci webu Knihovny Jabok, kterým tímto ještě jednou srdečně blahopřeji 🙂


Pokud je pro Vás přístupnost nové téma a chtěli byste se s ní seznámit detailněji, doporučuji kurz Digitální design bez bariér pro začátečníky v Akademii CZ.NIC.

Digitální design bez bariér pro začátečníky v Akademii CZ.NIC

10 mýtů o přístupnosti webových stránek

V článku 10 website accessibility myths debunked na webu userzoom vyvrací Rebecca Sentance deset (podle mé zkušenosti velmi častých) mýtů o přístupnosti webu.

Které to jsou?

  1. Přístupnost se týká pouze nevidomých a slabozrakých.
  2. Přístupnost znamená pouze přidat alternativní textové popisky k obrázkům.
  3. Pro přístupnost je dostačující držet se doporučení Web Content Accessibility Guidelines.
  4. Přístupnost stačí otestovat pouze pomocí automatických nástrojů.
  5. Zpřístupnění webu bude narušovat jeho design či funkcionalitu.
  6. Zpřístupnění webu je nákladné a zabere spoustu času.
  7. Uživatelé na mém webu nenarážejí na žádné bariéry.
  8. Přístupnost je přínosná pouze pro velmi malou skupinu uživatelů.
  9. Mít přístupný web je fajn, ale není to povinnost.
  10. Přístupnost nemá žádný pozitivní vliv na jiné oblasti tvorby webu.

S dalšími mýty se můžete seznámit v mém starším (nicméně stále platném) článku Nejčastější mýty v oblasti přístupnosti, který jsem před časem napsal pro Zdroják.

Digitální design bez bariér pro začátečníky v Akademii CZ.NIC

Ve spolupráci s Akademií CZ.NIC a SONS ČR jsme ve Středisku Teiresiás připravili kurz Digitální design bez bariér pro začátečníky. Kurz je určen všem, kteří chtějí mít své digitální produkty bez obtíží přístupné pro co nejširší skupinu uživatelů. Na kurzu se posluchači seznámí se základy tématiky přístupnosti a inkluzivního designu a dozví se, co by měli dělat pro to, aby uživatelům svých produktů nekladli do cesty zbytečné překážky.

Osnova kurzu

  • Uživatelé se specifickými potřebami (jejich charakteristika, popis reálných potřeb ve vztahu k práci v digitálním prostředí…)
  • Asistivní technologie (charakteristika, typy, výhody, omezení..)
  • Principy inkluzivní designu
    • Nabídněte srovnatelný zážitek
    • Berte v potaz okolnosti
    • Buďte konzistentní
    • Předejte řízení uživateli
    • Nabídněte možnost volby
    • Stanovte priority
    • Přidejte něco navíc
  • Nejčastější bariéry v přístupnosti a rady, jak je odstranit
  • Jak testovat přístupnost
    • Automatické vs. ruční testování
    • Nástroje k testování přístupnosti
  • Praktické ukázky funkčních a v praxi užívaných řešení

Bližší informace včetně informací o ceně a místě konání najdete na stránce Digitální design bez bariér pro začátečníky.

Rozšířenou verzi kurzu o digitálním designu bez bariér s názvem VIKMB66 Digitální design bez bariér vyučuji na Masarykově univerzitě. V podzimním semestru proběhl pilotní běh a ohlasy studentů jsou velmi pozitivní.

Skvělý předmět! Vyučující má mnoho praktických zkušeností a tímto způsobem je koncipovaná i výuka.
Nedostanete hromadu četby jako v jiných předmětech, ale odnesete si praktické dovednosti.

Pokud vás tématika digitálního designu bez bariér zajímá, neváhejte a zaregistrujte se na kurz se Digitální design bez bariér pro začátečníky v Adakemii CZ.NIC.