Jak na přístupný web podle WCAG
Poslední aktualizace 20. 12. 2022
Úvod
Článek přináší souhrn zajímavých a praktických návodů, tipů a videí pro tvorbu přístupného webu podle světově uznávané metodiky WCAG. Výběr připravil garant auditů přístupnosti a uznávaná autorita oboru Radek Pavlíček.
Tip: Informace o legislativě vztahující se k zákonu o přístupnosti internetových stránek a mobilních aplikací (zákon č. 99/2019) jsme shrnuli v článku na blogu Master.cz.
Master DC se oblasti přístupnosti dlouhodobě věnuje a provádí analýzy přístupnosti webů firem státního i soukromého sektoru.
Č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
Knihy
- Inclusive Design Patterns (Heydon Pickering)
- Web ostrý jako břitva (Jan Řezáč)
- Vzhůru do (responzivního) webdesignu (Martin Michálek)
- Digitální design: Pohled za pixely (Anežka Adamíková, Lukáš Marvan, eds.)
- Dobrý designer to všechno ví! (Petr Staníček)
- Accessibility for everyone (Laura Kalbag)
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)
Přístupnost webů knihoven – příklady dobré a špatné praxe (Radek Pavlíček)
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
- Zákon č. 99/2019 Sb. (Zákon o přístupnosti internetových stránek a mobilních aplikací)
- WCAG 2.1 at a Glance
- 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