Přístupnost firemního webu: jak zlepšit web pro všechny návštěvníky
Když zákazník otevře váš firemní web na mobilu v jasném slunečním světle, přečte si text bez brýlí a odešle poptávku během minuty, pravděpodobně o tom nepřemýšlí jako o přístupnosti. Přesto právě tyto detaily rozhodují, zda se na webu vůbec zorientuje. Přístupnost firemního webu znamená, že obsah, navigaci i formuláře zvládne použít co nejvíce lidí — včetně těch, kteří mají horší zrak, používají pouze klávesnici nebo čtečku obrazovky.
Pro majitele malé firmy to není jen otázka legislativy. Přístupný web je srozumitelnější, důvěryhodnější a často lépe funguje i v oblasti SEO a konverzí. Níže najdete praktický přehled toho, co zkontrolovat, aniž byste museli rozumět programování. Pokud chcete vidět, jak na podobná témata píšeme dál, projděte si další texty v sekci článků na WebRift.
Co znamená přístupnost webu a proč by vás měla zajímat
Přístupnost webových stránek popisuje, nakolik je web použitelný pro různé skupiny návštěvníků. Mezinárodní metodika WCAG vychází ze čtyř principů: informace musí být vnímatelné, ovládání srozumitelné, obsah pochopitelný a technické řešení stabilní napříč prohlížeči a zařízeními. Podrobněji principy vysvětluje úvod k přístupnosti na webu W3C.
Veřejná správa v Česku musí přístupnost řešit podle zákona, jak shrnuje design systém gov.cz. Běžná firma s prezentačním webem povinnost nemusí mít stejně přísnou, ale principy platí stejně. Web, který je čitelný, přehledný a snadno ovladatelný, pomáhá každému návštěvníkovi — nejen lidem se zdravotním postižením.
Z obchodního pohledu má přístupnost několik přímých přínosů. Zákazník, který rychle najde kontakt, pochopí nabídku služeb a odešle formulář bez frustrace, má větší šanci, že se ozve. Přehledná struktura a srozumitelné texty pomáhají i vyhledávačům pochopit, o čem váš web je. To úzce souvisí s meta titulky a meta popisy stránek i s celkovou konverzní optimalizací firemního webu.
Nejčastější překážky na firemních webech
Většina problémů s přístupností nevzniká záměrně. Web se časem rozroste, přibudou nové sekce, marketingové prvky a někdo změní barvy tlačítka, aniž by zkontroloval, zda je pořád dobře vidět. Typické překážky na firemních webech vypadají takto:
- text na barevném pozadí s nízkým kontrastem, který je na mobilu těžko čitelný,
- obrázky bez popisu pro čtečky obrazovky,
- odkazy ve tvaru „zde“ nebo „více“, které bez kontextu nic neříkají,
- formuláře bez popisků polí a bez jasné zpětné vazby po odeslání,
- navigace, která na mobilu zmizí nebo se nedá ovládat klávesnicí,
- automaticky spouštějící se animace, karusely nebo vyskakovací okna bez možnosti je zastavit.
Každá z těchto chyb může odradit část návštěvníků. Někdo stránku opustí, jiný se k vám nedovolá, protože telefonní číslo na tmavém pozadí nepřečte. Přitom jde často o drobné úpravy, které zároveň zlepší dojem z webu pro všechny. Pokud váš web trpí pomalým načítáním, řešte i rychlost načítání firemního webu — rychlý a přehledný web se používá snáze než pomalý a přeplněný.
Texty, barvy a kontrast: co zkontrolovat hned
Začněte u toho, co vidíte bez specializovaných nástrojů. Otevřete svůj web na mobilu a na počítači a projděte hlavní stránky: titulní stránku, stránku služeb, kontakt a případně ceník. Zeptejte se sami sebe: je hlavní text dostatečně velký? Liší se dostatečně od pozadí? Jsou nadpisy logicky uspořádané od největšího k menším?
Kontrast mezi textem a pozadím je jeden z nejdůležitějších parametrů. Světle šedý text na bílém podkladu nebo bílé písmo na světle žlutém tlačítku může být pro část lidí prakticky nečitelné. Stejně problematické jsou texty přes fotografie bez tmavého podkladu. Pokud chcete působit moderně, držte se spíše jednoduché palety s výraznými barvami pro důležité prvky, například pro výzvy k akci na firemním webu.
Druhá rychlá kontrola se týká obrázků. Každý smysluplný obrázek by měl mít alternativní popis, tzv. alt text. Ten pomáhá čtečkám obrazovky i vyhledávačům pochopit, co obrázek zobrazuje. Jak alt texty psát prakticky, popisujeme v článku o alt textech obrázků na firemním webu. U čistě dekorativních prvků alt text naopak nepotřebujete.
Třetí oblast jsou samotné texty. Krátké věty, jasné nadpisy a srozumitelná terminologie pomáhají každému. Místo „implementujeme komplexní digitální řešení“ je pro zákazníka srozumitelnější „navrhneme a vytvoříme web, který vám přivede poptávky“. Přehledná struktura textu navazuje na dobré strukturování a navigaci firemního webu.
Formuláře, tlačítka a navigace bez zbytečných překážek
Přístupný web musí jít ovládat i bez myši. Zkuste na počítači projít stránku pouze klávesou Tab a Enter. Dostanete se do menu, k odkazům, tlačítkům i polí formuláře? Vidíte, kde se právě nacházíte? Pokud se fokus ztrácí nebo skáče nepředvídatelně, část návštěvníků se na webu ztratí.
Kontaktní formulář je často poslední krok před poptávkou, proto si zaslouží zvláštní pozornost. Každé pole by mělo mít viditelný popisek, ne jen placeholder uvnitř inputu. Chybové hlášky musí jasně říct, co je špatně a jak to opravit. Po odeslání by měl návštěvník vědět, zda zpráva dorazila — ideálně poděkováním na stránce, ne jen zmizením tlačítka. Podrobnější doporučení najdete v textu o kontaktním formuláři na firemním webu.
Navigace by měla být konzistentní na všech stránkách. Položky menu pojmenujte tak, jak je hledá zákazník: Služby, Ceník, O nás, Kontakt. Vyhněte se kreativním, ale nejasným názvům typu „Cesta“ nebo „Řešení“. Na mobilu musí být menu snadno otevíratelné a zavíratelné jedním prstem. Když adresa neexistuje, pomůže i dobře napsaná 404 stránka, která návštěvníka navede zpět k užitečnému obsahu.
Nezapomeňte ani na základní technickou důvěryhodnost. Web by měl běžet přes HTTPS, odkazy by měly vést na správné cíle a důležité informace by neměly být dostupné pouze v souboru PDF bez textové alternativy na stránce. Drobnosti, které budují důvěru, souvisejí i s obsahem typu FAQ na firemním webu, kde lidé hledají jasné odpovědi bez zbytečného hledání.
Jak začít s vylepšením přístupnosti na vlastním webu
Nemusíte vše opravit najednou. Přístupnost se dá zlepšovat postupně, stejně jako SEO nebo obsah blogu. Praktický postup pro majitele firemního webu může vypadat takto:
- Projděte pět nejdůležitějších stránek očima zákazníka a poznamenejte, co je nejasné nebo špatně čitelné.
- Otestujte web na mobilu a pouze klávesnicí. Zkuste odeslat testovací poptávku přes formulář.
- Doplňte alt texty u obrázků, upravte kontrast problematických textů a přejmenujte nejasné odkazy.
- Zkontrolujte nadpisy, aby na každé stránce byl jeden hlavní nadpis H1 a podnadpisy H2 dávaly logickou strukturu.
- Sledujte chování návštěvníků v analytice a ve Google Search Console. Pokud lidé často opouštějí kontaktní stránku, může za tím být právě nepřehledný formulář.
Pokud plánujete nový web nebo větší redesign, řešte přístupnost už při návrhu. Je snazší zvolit čitelné fonty, správné barvy a jednoduchou navigaci od začátku, než opravovat desítky stránek zpětně. U stávajícího webu často stačí několik cílených úprav a výsledek je hned vidět. Pravidelný obsah, například v blogu na firemním webu, pak udržujte ve stejné kvalitě — srozumitelně, s logickými nadpisy a funkčními odkazy. Více o propojení stránek mezi sebou najdete v článku o interním prolinkování na firemním webu.
Praktické shrnutí
Přístupnost firemního webu není abstraktní technický pojem pro úřady a velké korporace. Je to srozumitelnost, pohodlí a respekt k návštěvníkovi. Web, který dobře čtete vy, bude pravděpodobně fungovat lépe i pro zákazníky se slabším zrakem, pro starší lidi i pro ty, kteří váš obsah procházejí na malém displeji v ruchu.
Začněte u kontrastu textů, alt textů obrázků, popisků formulářů a přehledné navigace. Otestujte klávesnicí i mobilem. Vylepšení, která pomohou lidem s různými potřebami, většinou zlepší web pro všechny — a často přinese i více poptávek.
Pokud chcete firemní web, který je od začátku přehledný, rychlý a připravený přivádět zákazníky, ozvěte se nám. Firma WebRift je tvůrcem webových stránek pro malé a střední firmy a ráda vám pomůže s návrhem i obsahem. Napište nám přes kontaktní formulář na webu a domluvíme se na vytvoření webové stránky, která bude fungovat pro vaše zákazníky i pro vás.