Web pro všechny = více zákazníků: Proč přístupnost není jen morálka, ale byznys
"Přístupnost? To je jen pro nevidomé, ne?" Ne. Přístupný web používá snáz KAŽDÝ - senioři, lidé s dočasným zraněním, uživatelé na mobilu, lidé v hlučném prostředí. To je 15-20% populace. Ignorovat je = házet peníze oknem. Pojďme si ukázat proč přístupnost není morální povinnost, ale chytrý byznys.
Čísla, která vás přesvědčí
- 15% populace má nějaké zdravotní omezení
V ČR to je 1,5 milionu lidí. Pokud váš web není přístupný, přicházíte o potenciálně 150 000 - 300 000 zákazníků (podle oboru). - 71% lidí s omezeními opustí nepřístupný web
Studie Click-Away Pound 2019: Nepřístupné weby ztratily 17,1 miliardy liber ročně jen ve Velké Británii. To není zanedbatelné číslo. - Přístupný web = lepší pro VŠECHNY
Dobré kontrasty barev, velká tlačítka, jasné popisky - to oceníte i vy. Zlepšení přístupnosti často zlepší UX pro všechny uživatele o 20-40%. - Google miluje přístupné weby
Sémantické HTML, alternativní texty obrázků, dobré nadpisy - to jsou faktory SEO. Přístupný web = lepší ranking.
💡 Reálný příklad: E-shop s elektronikou zlepšil přístupnost (lepší kontrasty, větší tlačítka, popisky formulářů). Během 3 měsíců:
• Konverze +1,2 procentního bodu (2,8% → 4,0%)
• Snížení opuštěných košíků o 18%
• Počet stížností na "nefungující" web -85%
ROI: Investice 45 000 Kč se vrátila za 6 týdnů.
Kdo vlastně potřebuje přístupný web?
Mnohem víc lidí, než si myslíte:
- Starší lidé (65+)
Horší zrak, třesoucí se ruce, pomalejší reakce. Malá tlačítka? Špatný kontrast? Pro ně nepoužitelné. A přitom mají čas a peníze nakupovat online. - Lidé s dočasným omezením
Zlomená ruka = ovládání jednou rukou. Oční operace = špatný zrak na týden. Hlučné prostředí = nemůžete poslouchat video. To může být každý z nás. - Mobilní uživatelé
Malá obrazovka, pomalé připojení, ovládání palcem. Přístupný web je často i mobile-friendly web. 60-70% návštěvníků je na mobilu! - Lidé ve stresových situacích
Rezervace lékařské konzultace, placení faktury s blížícím se termínem, nákup dárku na poslední chvíli. Ve stresu potřebujete jasné, jednoduché rozhraní. - Nezkušení uživatelé
Ne každý je technicky zdatný. Jasné popisky, viditelná tlačítka, logická navigace - to pomáhá všem, nejen lidem s omezeními.
Co konkrétně dělám pro přístupnost?
Přístupnost není všechno nebo nic. Jsou quick wins, které pomůžou 90% problémů:
1. Barevné kontrasty
Problém:
Vidíte to často: Světle šedý text na bílém pozadí. Pro mladého člověka s dobrým zrakem to možná jde přečíst. Pro seniora, člověka s barvoslepostí nebo někoho na mobilu na slunci? Neviditelné.
Řešení:
- ✅ Kontrast minimálně 4.5:1 pro běžný text
- ✅ Kontrast minimálně 3:1 pro velký text a tlačítka
- ✅ Používám nástroje jako Contrast Checker
- ✅ Nespoléhám jen na barvu (červená = chyba → ikona + barva)
2. Velikost klikacích prvků
Problém:
Tlačítko 20×20 pixelů na mobilu? Senioři s třesoucími se rukama to netrefí. Ani vy po dvou pivech.
Řešení:
- ✅ Minimální velikost tlačítek: 44×44 pixelů (Apple doporučení)
- ✅ Dostatek mezery mezi klikacími prvky (aby se netrefili vedle)
- ✅ Větší tlačítka pro důležité akce (Koupit, Odeslat objednávku)
3. Jasné popisky formulářů
Problém:
Formulář bez popisků ("Email" jako placeholder text). Jakmile začnete psát, nevíte co máte vyplnit. Screen reader to neumí přečíst vůbec.
Řešení:
- ✅ Každé pole má viditelný popisek (label)
- ✅ Chybové hlášky jsou jasné ("Email není validní" ne jen "Chyba")
- ✅ Povinná pole jsou označená (nejen hvězdičkou)
- ✅ Pomoc je tam, kde ji potřebujete (tooltip u složitých polí)
4. Navigace klávesnicí
Problém:
Mnoho webů jde použít jen myší. Zkuste svůj web použít jen klávesnicí (Tab, Enter, šipky). Nefunguje? Problém.
Řešení:
- ✅ Všechny interaktivní prvky jdou ovládat klávesnicí
- ✅ Viditelný focus indikátor (víte kde jste)
- ✅ Logické pořadí Tab navigace
- ✅ Skip links (přeskočit na hlavní obsah)
5. Alternativní texty obrázků
Problém:
Obrázek produktu bez popisu. Screen reader přečte "IMG_4738.webp". Ne moc užitečné.
Řešení:
- ✅ Každý obrázek má popisný alt text
- ✅ Popisuji co je na obrázku, ne "obrázek produktu"
- ✅ Dekorativní obrázky mají prázdný alt (alt="")
- ✅ Bonus: Pomáhá to SEO (Google čte alt texty)
🎯 Quick test: Zkuste svůj web těmito způsoby:
1. Zmenšete písmo na minimum (Ctrl + kolečko myši) - jde to přečíst?
2. Použijte jen klávesnici - jde to ovládat?
3. Přepněte do šedé škály - je info viditelná bez barev?
4. Zapněte screen reader - dává to smysl?
Pokud ne - máte problém.
Právní stránka věci
V EU máme zákon o přístupnosti (European Accessibility Act). Od června 2025 musí být přístupné:
- E-shopy
- Bankovní služby online
- E-knihy
- Veřejné služby
⚖️ Sankce: Pokud váš web není přístupný a spadá pod zákon, můžete dostat pokutu až 10 milionů Kč. Ale i kdybyste nedostali pokutu - proč ignorovat 15% potenciálních zákazníků?
Kolik stojí přístupnost?
- Nový web s přístupností od začátku: +0 Kč
Když stavím web správně od začátku, přístupnost je zabudovaná. Žádné extra náklady. - Audit přístupnosti: 8 000 - 15 000 Kč
Projdu web, najdu problémy, prioritizuji je. Dostanete seznam co opravit. - Úprava existujícího webu: 20 000 - 60 000 Kč
Záleží na rozsahu problémů. Quick wins (kontrasty, velikosti tlačítek) = 20-30k. Kompletní refactoring = 40-60k.
💰 ROI: E-shop s obratem 5 mil/rok zlepší konverze o 1% díky přístupnosti = +50 000 Kč ročně. Investice 30 000 Kč se vrátí za 7 měsíců. A to nepočítám lepší SEO, spokojenější zákazníky a vyhnutí se pokutám.
Závěr: Přístupnost je win-win
Za roky práce jsem nikdy neviděl projekt, kde by zlepšení přístupnosti ublížilo. Vždy:
- Zlepšilo UX pro VŠECHNY uživatele
- Zvýšilo konverze
- Snížilo počet stížností a supportu
- Zlepšilo SEO
- Otevřelo dveře novým zákazníkům
Moje rada: Nedělejte přístupnost jako "extra" na konci. Stavějte ji od začátku. Je to jako bezpečnostní pásy v autě - dnes by vás nenapadlo je vynechat. Stejně tak přístupnost.
Chcete přístupný web, který nikoho nevylučuje?
Nabízím:
- ✓ Audit přístupnosti vašeho webu (WCAG 2.1 AA standard)
- ✓ Prioritizovaný seznam problémů (co řešit první)
- ✓ Odhad nákladů na úpravu
- ✓ Nebo nový web s přístupností zabudovanou od začátku
Každý web, který tvořím, testuju na přístupnost. Používám automatické nástroje (axe, Lighthouse) i manuální testování (klávesnice, screen reader, kontrast checker). Přístupnost není bonus - je standard.