V úterý 10. 10. 2017 od 10 hodin proběhl v Národní technické knihovně v Praze seminář Web knihovny jako nástroj k propagaci služeb a informací, na kterém jsem měl příležitost seznámit s tématikou přístupnosti a inkluzivního designu několik desítek účastníků z řad pracovníků knihoven.
Svou prezentaci jsem nazval Jak na přístupnost knihovních webů a mým cílem bylo ukázat pracovníkům knihoven výhody přístupnosti a její základní principy tak, aby na základě těchto znalostí pak mohli weby knihoven vylepšovat.
Kromě stručného shrnutí nabízím v tomto článku i komentované slajdy k mé prezentaci a odkazy na všechny materiály, které jsem ve svém příspěvku zmiňoval.
Děkuji za pozvání na seminář, organizátorům za perfektní organizaci a účastníkům za zájem, diskusi a ochotu podělit se o své zkušenosti.
Stručné shrnutí probíraných témat
- Přístupnost pomáhá opravdu všem – některým cílovým skupinám více, jiným méně, ale bez nadsázky lze říci, že přístupnější web se lépe používá komukoliv.
- Přístupnost je důležitá pro všechny uživatele. Na přístupném webu jsou při plnění úkolů rychlejší nejen nevidomí uživatelé, ale i ti, kteří žádné zdravotní postižení nemají.
- Protože přístupnost si s sebou nese negativní konotace právě kvůli zužování tématiky přístupnosti pouze na některé nepříliš početné skupiny uživatelů, začínají se ve větší míře používat termíny jako design pro všechny nebo inkluzivní design.
- Rychlý rozvoj informačních a komunikačních technologií, jejich zpřístupnění i možnosti, které uživatelům se specifickými potřebami nabízejí, umožnil těmto uživatelům samostatně vykonávat činnosti, u kterých byli ještě před několika lety plně závislí na pomoci okolí.
- Přístupnost stojí na pěti základních pilířích, kterými jsou
- Dostupnost
- Ovladatelnost
- Srozumitelnost
- Orientace
- Čas
- Proč se věnovat přístupnosti?
- Inspirace (vidíme přímý dopad naší práce na zlepšení života jiných)
- Osvícení (děláme věci přístupné, protože nám to tak dává smysl)
- Odměna (certifikace)
- Požadavek (legislativa)
- Trest (žaloba)
- Pocit viny (nejhorší motivátor)
- Přístupnost není černobílá. Jen málokdy lze o něčem jednoznačně říci, zda to je, nebo není přístupné.
- Odstranění bariér přináší uživatelům
- Přístup k informacím
- Lepší uživatelský prožitek
- Samostatnost
- Provozovatelům webů pak přístupnost přináší uznání, ocenění a finanční zisk (či úsporu).
- Přístupnost stojí přibližně 4 % nákladů na vytvoření webu.
- Přístupnost jde ruku v ruce s kvalitně odvedenou prací.
- S přístupností je při tvorbě webu ideální začít co nejdříve a brát ji jako nedílnou součást analýzy, vývoje designu i provozu.
- Na co se zaměřit
- Strukturování obsahu pomocí nadpisů a oblastí (landmarků)
- Přístupnost a ovladatelnost z klávesnice
- Textové alternativy grafických prvků
- Přístupnost uživatelsky vkládaného obsahu
- Barvy, kontrast a písmo
- Responzivní design
- Často stačí několik málo změn k tomu, aby byly nejvážnější bariéry odstraněny a uživatelé se tak dostali k informacím, které potřebují.
- Přístupnost je úzce provázána i s dalšími obory webdesignu: UX, SEO…
Komentované slajdy k mé prezentaci
Články
- Proč je „Mobile First“ přístup dobrý i pro přístupnost
- Na koho se obrátit, když si chci nechat vytvořit skvěle přístupný web
- Flat UI Elements Attract Less Attention and Cause Uncertainty
- Zanikající část webařiny: obyčejné weby a CMS na míru
- A Practical Guide to Improving Web Accessibility
- Jak přístupně strukturovat webovou stránku pomocí nadpisů – praktický návod
- Jak definovat strukturu v HTML a proč jsem začal mít rád HTML5 tagy
- Orientační body WAI-ARIA pro přístupnější web
- Přístupnost RIA – strukturování dokumentu a přístupnost z klávesnice
Nástroje pro testování přístupnosti
Toolbary, rozšíření pro prohlížeče
- Web Accessibility Toolbar (MSIE)
- Web Developer (Firefox)
- Headings Map (Firefox)
- Colour Contrast Analyser
On-line validátory
- WAVE
- Web Accessibility Checker
- Tenon.io
- Web Accessibility Testing: What Can be Tested and How
- Automatická kontrola přístupnosti vyžaduje zodpovědnou interpretaci výsledků
Asistivní technologie
- Testování přístupnosti webových stránek s JAWSem
- Testování přístupnosti webových stránek s NVDA
- Surfing the Internet with JAWS and MAGic!
WAI ARIA – praktické příklady
Metodiky přístupnosti
- Vyhláška č. 64/2008 Sb. (Vyhláška o přístupnosti)
- WCAG 2 at a Glance
- Web Content Accessibility Guidelines (WCAG) 2.0
- Web Content Accessibility Guidelines (WCAG) 2.1
- Accessible Rich Internet Applications (WAI-ARIA) 1.1
- BBC Accessibility Standards and Guidelines
- Accessibility | Android Developers
- Accessibility for Developers
- Inclusive Design Principles
Videa o přístupnosti
HTML5 a WAI-ARIA jako snadná cesta k lepší přístupnosti webu (Radek Pavlíček)
Jak testovat přístupnost (Rob Dodson)
Jak a proč řeší velké weby přístupnost (Radek Pavlíček)
Přístupnost v kódu: ukázky a návrhové vzory (Martin Michálek)