7 praktických způsobů, jak zpřístupnit firemní web

Přístupnost webu už dávno není okrajové téma. Pro majitele firem je součástí tvorby webu, který slouží skutečným zákazníkům, snižuje překážky a podporuje dlouhodobý růst. Web, který se lépe používá lidem se zdravotním postižením, bývá často jednodušší i pro všechny ostatní.

U nově založených společností je přístupnost obzvlášť důležitá. Váš web je často prvním místem, kde zákazníci, dodavatelé a partneři přicházejí do kontaktu s vaší značkou. Pokud je tento první dojem matoucí, pomalý nebo obtížně ovladatelný, můžete ztratit důvěru ještě předtím, než začne jakýkoli rozhovor.

Přístupnost má také právní a provozní rozměr. Firmy jsou stále častěji očekávány, že budou vytvářet digitální prostředí, které funguje pro uživatele se zrakovým, sluchovým, motorickým i kognitivním postižením. To znamená, že přístupnost by měla být součástí vaší webové strategie od samého začátku, ne až dodatečně.

Tento průvodce rozebírá sedm praktických způsobů, jak udělat váš firemní web přístupnější, spolu s několika návyky, které vám mohou pomoci zůstat v souladu s předpisy a vstřícní k zákazníkům s růstem vašeho webu.

Co znamená přístupnost webu

Přístupnost webu je praxe navrhování a vývoje webů tak, aby je lidé se zdravotním postižením mohli vnímat, chápat, ovládat a používat. V praxi to znamená, že váš web by měl fungovat s asistenčními technologiemi, ovládáním pouze pomocí klávesnice, čtečkami obrazovky, nástroji pro zvětšení obrazu a různými preferencemi zobrazení.

Přístupnost není jen o splnění formálního požadavku. Jde o odstraňování překážek. Web může být vizuálně propracovaný a přesto se špatně používat, pokud nejsou tlačítka popsaná, formuláře jsou nejasné nebo je barevný kontrast příliš slabý.

Silná strategie přístupnosti se zaměřuje na celkovou uživatelskou zkušenost:

• Rozumějí návštěvníci struktuře stránky?
• Mohou se po webu pohybovat bez myši?
• Jsou obrázky a videa srozumitelné i bez vidění nebo sluchu?
• Lze vyplnit formuláře bez zmatku?
• Zůstává design čitelný na různých zařízeních a v různých podmínkách zobrazení?

Pokud je odpověď na některou z těchto otázek ne, je pravděpodobně prostor pro zlepšení.

1. Zapracujte přístupnost už do procesu návrhu

Nejjednodušší čas na zlepšení přístupnosti je před spuštěním webu. Dodatečné úpravy už běžícího webu jsou možné, ale obvykle zabírají více času a stojí víc než plánování přístupnosti od začátku.

Při návrhu stránek přemýšlejte i nad rámec vzhledu. Vizuálně působivé rozvržení může být stále nepřístupné, pokud je hierarchie nadpisů nekonzistentní, text je příliš malý nebo interaktivní prvky splývají s pozadím.

Začněte těmito návyky:

• Používejte jasnou hierarchii nadpisů od H1 po H6.
• Zachovávejte konzistentní vzory rozložení napříč stránkami.
• Zajistěte, aby tlačítka a odkazy působily jako interaktivní prvky.
• Vyhněte se přeplněným stránkám s příliš mnoha konkurenčními prvky.
• Zvolte velikost písma a rozestupy, které podporují čitelnost.

Pokud spouštíte nový firemní web, zapracujte přístupnost do brandových standardů už na začátku. Bude pak snazší uplatňovat stejná pravidla na vstupní stránky, blogové příspěvky, formuláře i budoucí aktualizace.

2. Ověřte, že web funguje s klávesnicí

Mnoho uživatelů ovládá web bez myši. Někteří spoléhají na klávesnici kvůli motorickému postižení, jiní používají asistenční zařízení, která napodobují vstup z klávesnice. Pokud váš web nelze používat pouze s klávesnicí, není plně přístupný.

Ovládání klávesnicí by mělo uživatelům umožnit:

• Pohybovat se v nabídkách, formulářích a dialozích v logickém pořadí
• Vidět zřetelný indikátor aktivního prvku
• Otevírat a zavírat vyskakovací okna bez uvíznutí v nich
• Dostupně dosáhnout na všechny hlavní interaktivní prvky bez přeskočení obsahu

Častým problémem je skrytý stav fokusování. Pokud uživatel prochází stránku pomocí klávesy Tab a nedokáže poznat, který prvek je právě vybraný, nemusí být schopen web vůbec používat. Indikátor fokusu by měl být výrazný, konzistentní a viditelný na pozadí.

Otestujte svůj web tak, že odpojíte myš a pokusíte se provést klíčové akce pouze pomocí klávesnice. Pokud je pro vás taková zkušenost frustrující, bude pravděpodobně ještě horší pro uživatele, kteří na ní závisejí.

3. Pište srozumitelné textové alternativy pro obrázky

Obrázky potřebují textové alternativy, běžně nazývané alt text, aby jim uživatelé čteček obrazovky rozuměli. Alt text by měl popisovat účel obrázku, ne jen opakovat obecná klíčová slova.

Dobrý alt text je stručný, konkrétní a užitečný. Správné znění závisí na tom, jakou roli obrázek na stránce plní.

Příklady:

• Pro fotografii produktu: „Modrý pevný sešit s linkovanými stránkami“
• Pro týmovou fotografii: „Tři členové zákaznické podpory stojící v kanceláři“
• Pro dekorativní ikonu: nechte pole prázdné, pokud nepřináší žádnou významnou informaci

Nevkládejte do alt textu nadměrné množství klíčových slov. Přístupnost a SEO se často překrývají, ale alt text má především pomáhat uživatelům porozumět obsahu.

Pokud obrázek obsahuje důležité informace, nespoléhejte pouze na něj. Uveďte stejné informace také v okolním textu, aby byly dostupné i tehdy, když se obrázek nenačte nebo jej čtečka obrazovky nedokáže interpretovat.

4. Používejte silný barevný kontrast a čitelné písmo

Barevný kontrast je jedním z nejviditelnějších problémů přístupnosti na webu. Pokud text splývá s pozadím, mohou mít lidé se slabším zrakem nebo barvoslepostí potíže s jeho čtením.

Řiďte se těmito praktickými pravidly:

• Používejte dostatečný kontrast mezi textem a pozadím
• Nespoléhejte při sdělování významu pouze na barvu
• Udržujte velikost těla textu dostatečnou pro pohodlné čtení
• Vyhýbejte se tenkým fontům u důležitého obsahu
• Zachovejte čitelné rozestupy mezi řádky a odstavci

Barvy by měly design podporovat, ne narušovat srozumitelnost. Stylová paleta může být stále přístupná, pokud ji pečlivě otestujete.

Typografie je stejně důležitá. Používejte jasně čitelné písmo, vyhýbejte se příliš úzkým tvarům písmen a zajistěte, aby výška řádku a rozestupy mezi odstavci usnadňovaly čtení delšího textu.

Pokud váš web obsahuje grafy, štítky, upozornění nebo stavové značky, ujistěte se, že je uživatelé dokážou interpretovat i bez spoléhání pouze na barevné rozdíly. V případě potřeby přidejte textové popisky, ikony nebo vzory.

5. Zjednodušte formuláře a udělejte je odolné vůči chybám

Formuláře jsou často nejdůležitější částí firemního webu. Zároveň patří mezi nejčastější místa, kde přístupnost selhává.

Ať už sbíráte kontaktní poptávky, registrace k newsletteru nebo dotazy na služby, formulář by měl být snadno pochopitelný i snadno vyplnitelný.

Mezi osvědčené postupy patří:

• Používejte viditelné popisky u každého pole
• Udržujte pokyny blízko příslušného vstupu
• Jasně označte povinná pole
• Zobrazujte smysluplné chybové hlášky
• Pomozte uživatelům opravit chyby bez vymazání celého formuláře

Zvláštní pozornost si zaslouží zpracování chyb. Vágní hláška jako „Neplatný vstup“ nestačí. Řekněte uživateli, co je špatně a jak to může opravit.

Například:

• „Zadejte platnou e-mailovou adresu“ je lepší než „Chyba“
• „Heslo musí mít alespoň 12 znaků“ je lepší než „Slabé heslo“
• „Telefonní číslo musí obsahovat předvolbu“ je lepší než „Chybný formát“

Pokud má formulář více kroků, dejte uživatelům možnost zkontrolovat údaje před odesláním. Pomáhá to omezit chyby a zvyšuje jistotu při vyplňování.

6. Přidejte titulky, přepisy a ovládání médií

Video a audio obsah potřebují podporu přístupnosti také. Pokud váš web používá propagační videa, ukázky produktů, webináře nebo podcasty, ujistěte se, že návštěvníci mohou získat informace způsobem, který jim vyhovuje.

Užitečné doplňky zahrnují:

• Titulky pro mluvený obsah ve videu
• Přepisy pro zvukový obsah bez videa
• Audio popisy, když jsou vizuální informace zásadní
• Ovládací prvky pro přehrávání, pozastavení a hlasitost, které jsou snadno dohledatelné a použitelné

Titulky pomáhají nejen neslyšícím a nedoslýchavým uživatelům. Podporují také lidi, kteří web prohlížejí v tichém prostředí, v hlučném prostoru nebo v jiném jazyce.

Pokud se média přehrávají automaticky, zajistěte, aby je uživatelé mohli snadno zastavit. Neočekávaný zvuk může narušit čtečky obrazovky a vytvořit špatnou uživatelskou zkušenost.

7. Pravidelně testujte a opravujte problémy dříve, než se rozšíří

Přístupnost není jednorázový projekt. Je to průběžný úkol správy webu.

Jak se web mění, mohou vznikat nové problémy. Marketingová stránka může zavést špatnou strukturu nadpisů. Plugin může narušit ovládání klávesnicí. Nový formulář může vytvořit matoucí chybové hlášky. Bez pravidelného testování se tyto problémy mohou rychle hromadit.

Používejte kombinaci metod:

• Automatizované testovací nástroje pro odhalení běžných problémů
• Ruční testování pomocí klávesnice pro ověření skutečné použitelnosti
• Testování pomocí čtečky obrazovky pro potvrzení struktury obsahu
• Reálnou zpětnou vazbu od uživatelů, pokud je to možné

Automatizované nástroje jsou užitečné, ale nezachytí všechno. Dokážou odhalit chybějící alt text nebo nízký kontrast, ale ne vždy řeknou, zda stránka dává smysl skutečnému člověku.

Vytvořte jednoduchý kontrolní proces pro každou větší aktualizaci webu. Může zahrnovat kontrolu nadpisů, odkazů, barevného kontrastu, popisků formulářů a použitelnosti na mobilních zařízeních. Pokud publikujete obsah často, zahrňte přístupnost i do redakčního procesu.

Přístupnost a růst firmy jdou ruku v ruce

Přístupné weby mají lepší předpoklady oslovit více lidí. Také obvykle vytvářejí méně požadavků na podporu, méně problémů s použitelností a méně překážek při konverzi.

To je důležité pro startupy i malé firmy, zejména když záleží na každém leadu a každé interakci se zákazníkem. Společnost, která bere přístupnost vážně, dává najevo profesionalitu, důraz na detail a respekt k uživatelům.

Může to také podpořit širší provozní cíle:

• Lepší uživatelská zkušenost napříč zařízeními
• Silnější SEO díky přehlednější struktuře a srozumitelnějšímu obsahu
• Větší inkluzivita při získávání zákazníků
• Nižší riziko problémů s předpisy, kterým lze předejít

Jinými slovy, přístupnost není jen technické téma. Je to obchodní rozhodnutí.

Praktický kontrolní seznam přístupnosti

Pokud chcete rychle prověřit svůj web, začněte zde:

• Dá se celý web používat pouze pomocí klávesnice?
• Mají všechny obrázky tam, kde je to potřeba, smysluplný alt text?
• Je text snadno čitelný na pozadí?
• Mají nadpisy logickou strukturu?
• Mají formuláře jasné popisky a užitečné chybové hlášky?
• Mají videa titulky a jsou k dispozici přepisy?
• Otestovali jste klíčové stránky pomocí nástrojů pro přístupnost i ručních kontrol?

Pokud je několik odpovědí nejistých, máte silný důvod provést audit přístupnosti.

Závěrečné myšlenky

Zpřístupnit firemní web je jedno z nejpraktičtějších zlepšení, které můžete udělat. Pomůže více návštěvníkům pracovat s vaším obsahem, usnadní důvěru ve vaši značku a podpoří čistší a uživatelsky přívětivější webové prostředí.

Nejlepší čas začít byl předtím, než se přístupnost stane problémem. Druhý nejlepší čas je právě teď.

Když budete navrhovat promyšleně, pravidelně testovat a chápat přístupnost jako součást své hlavní webové strategie, vytvoříte digitální přítomnost, která poslouží více lidem a poroste spolu s vaším podnikáním.