7 praktických spôsobov, ako sprístupniť webovú stránku vašej firmy

Prístupnosť webu už dávno nie je okrajová téma. Pre majiteľov firiem je súčasťou budovania webovej stránky, ktorá slúži skutočným zákazníkom, znižuje bariéry a podporuje dlhodobý rast. Stránka, ktorá je jednoduchšia na používanie pre ľudí so zdravotným znevýhodnením, je často jednoduchšia aj pre všetkých ostatných.

Pre novozaložené spoločnosti je prístupnosť obzvlášť dôležitá. Vaša webová stránka je často prvým miestom, kde zákazníci, dodávatelia a partneri prichádzajú do kontaktu s vašou značkou. Ak je tento prvý dojem zmätočný, pomalý alebo ťažko ovládateľný, môžete stratiť dôveru ešte skôr, než sa začne samotná komunikácia.

Prístupnosť má aj právny a prevádzkový rozmer. Od firiem sa čoraz viac očakáva, že budú vytvárať digitálne prostredia, ktoré fungujú pre používateľov so zrakovým, sluchovým, motorickým a kognitívnym znevýhodnením. To znamená, že prístupnosť by mala byť súčasťou vašej webovej stratégie od začiatku, nie dodatočným doplnkom.

Tento sprievodca rozoberá sedem praktických spôsobov, ako sprístupniť webovú stránku vašej firmy, spolu s niekoľkými návykmi, ktoré vám pomôžu zostať v súlade s požiadavkami a zároveň priateľskí k zákazníkom aj pri raste vášho webu.

Čo znamená prístupnosť webu

Prístupnosť webu je prax navrhovania a vývoja webových stránok tak, aby ich ľudia so zdravotným znevýhodnením mohli vnímať, chápať, navigovať a používať. V praxi to znamená, že váš web by mal fungovať s asistenčnými technológiami, ovládaním iba pomocou klávesnice, čítačkami obrazovky, nástrojmi na zväčšenie a rôznymi preferenciami zobrazenia.

Prístupnosť nie je len o splnení formálnej požiadavky. Ide o odstraňovanie bariér. Webová stránka môže byť vizuálne prepracovaná a stále sa môže ťažko používať, ak jej tlačidlá nemajú popisy, formuláre sú nejasné alebo je farebný kontrast príliš slabý.

Silná stratégia prístupnosti sa sústreďuje na celkovú používateľskú skúsenosť:

• Rozumejú návštevníci štruktúre stránky?
• Dokážu sa pohybovať po webe bez myši?
• Sú obrázky a videá zrozumiteľné aj bez toho, aby ich bolo vidieť alebo počuť?
• Dajú sa formuláre vyplniť bez zbytočného zmätku?
• Zostáva dizajn čitateľný naprieč zariadeniami a podmienkami zobrazenia?

Ak je odpoveď na niektorú z týchto otázok nie, pravdepodobne je priestor na zlepšenie.

1. Zahrňte prístupnosť už do procesu návrhu

Najjednoduchší čas na zlepšenie prístupnosti je pred spustením webu. Dodatočná úprava už živej stránky je možná, ale zvyčajne trvá dlhšie a stojí viac než plánovanie prístupnosti od začiatku.

Pri návrhu stránok premýšľajte aj nad rámec samotného vzhľadu. Vizuálne pôsobivé rozloženie môže byť stále neprístupné, ak je štruktúra nadpisov nekonzistentná, text je príliš malý alebo interaktívne prvky sa ťažko odlišujú od pozadia.

Začnite týmito návykmi:

• Používajte jasnú hierarchiu nadpisov od H1 po H6.
• Zachovajte konzistentné rozloženie na všetkých stránkach.
• Nech tlačidlá a odkazy vyzerajú ako interaktívne prvky.
• Vyhnite sa preplneniu stránok príliš veľkým počtom konkurenčných prvkov.
• Zvoľte veľkosť písma a rozostupy, ktoré podporujú čitateľnosť.

Ak spúšťate novú webovú stránku firmy, zakomponujte prístupnosť do svojich brandových štandardov už od začiatku. Bude tak jednoduchšie uplatniť rovnaké pravidlá na landing pages, blogové články, formuláre aj budúce aktualizácie.

2. Uistite sa, že sa stránka dá ovládať klávesnicou

Mnoho používateľov naviguje na weboch bez myši. Niektorí používajú klávesnicu kvôli motorickému znevýhodneniu, iní používajú asistenčné zariadenia, ktoré napodobňujú vstup z klávesnice. Ak sa váš web nedá používať iba klávesnicou, nie je plne prístupný.

Ovládanie pomocou klávesnice by malo používateľom umožniť:

• Pohybovať sa v menu, formulároch a dialógoch v logickom poradí
• Vidieť zreteľný indikátor zamerania na aktívnom prvku
• Otvárať a zatvárať vyskakovacie okná bez uviaznutia
• Dosiahnuť všetky dôležité interaktívne prvky bez preskakovania obsahu

Častým problémom je skryté zobrazenie zamerania. Ak používateľ prechádza stránkou pomocou klávesy Tab a nevie, ktorý prvok je práve vybraný, nemusí byť schopný stránku používať vôbec. Indikátor zamerania by mal byť výrazný, konzistentný a dobre viditeľný na pozadí.

Otestujte svoj web tak, že odpojíte myš a pokúsite sa vykonať hlavné úkony iba pomocou klávesnice. Ak je táto skúsenosť nepríjemná pre vás, bude pravdepodobne ešte horšia pre používateľov, ktorí sú na nej závislí.

3. Píšte jasné textové alternatívy k obrázkom

Obrázky potrebujú textové alternatívy, bežne nazývané alt text, aby používatelia čítačiek obrazovky vedeli, čo je na nich zobrazené. Alt text by mal opisovať účel obrázka, nie len opakovať všeobecné kľúčové slová.

Dobrý alt text je stručný, konkrétny a užitočný. Správne znenie závisí od úlohy obrázka na stránke.

Príklady:

• Pri produktovej fotografii: „Modrý tvrdý zošit s linkovanými stranami“
• Pri fotografii tímu: „Traja členovia zákazníckej podpory stoja v kancelárii“
• Pri dekoratívnej ikone: ponechajte ju prázdnu, ak neprináša žiadnu podstatnú informáciu

Vyhnite sa zahlcovaniu alt textu kľúčovými slovami. Prístupnosť a SEO sa často prelínajú, ale alt text má primárne pomáhať používateľom porozumieť obsahu.

Ak obrázok obsahuje dôležitú informáciu, nespoliehajte sa len naň. Uveďte tú istú informáciu aj v blízkom texte, aby zostala dostupná aj vtedy, keď sa obrázok nenačíta alebo ho čítačka obrazovky nedokáže interpretovať.

4. Používajte silný farebný kontrast a čitateľnú typografiu

Farebný kontrast je jedným z najviditeľnejších problémov prístupnosti na weboch. Ak text splýva s pozadím, používatelia so slabším zrakom alebo farbosleposťou môžu mať problém s čítaním.

Dodržiavajte tieto praktické pravidlá:

• Používajte dostatočný kontrast medzi textom a pozadím
• Nespoliehajte sa len na farbu pri prenášaní významu
• Udržujte veľkosť hlavného textu dostatočne veľkú na pohodlné čítanie
• Vyhýbajte sa tenkým písmam pri dôležitom obsahu
• Zachovajte čitateľné rozostupy medzi riadkami a odsekmi

Farby by mali podporovať váš dizajn, nie znižovať jeho zrozumiteľnosť. Štýlová paleta môže byť stále prístupná, ak ju dôkladne otestujete.

Typografia je rovnako dôležitá. Používajte jasné fonty, vyhýbajte sa príliš úzkym tvarom písmen a zabezpečte, aby výška riadkov a rozostupy medzi odsekmi uľahčovali čítanie dlhšieho obsahu.

Ak má váš web grafy, štítky, upozornenia alebo stavové označenia, uistite sa, že ich používatelia dokážu interpretovať aj bez spoliehania sa výlučne na rozdiely vo farbe. Podľa potreby pridajte textové štítky, ikony alebo vzory.

5. Zjednodušte formuláre a sprístupnite ich chybám

Formuláre sú často najdôležitejšou časťou webovej stránky firmy. Zároveň patria medzi najčastejšie miesta, kde vznikajú problémy s prístupnosťou.

Či už zbierate kontaktné požiadavky, registrácie na odber noviniek alebo dopyty na služby, formulár by mal byť ľahko pochopiteľný a jednoduchý na vyplnenie.

Medzi osvedčené postupy patrí:

• Používať viditeľné popisy pre každé pole
• Umiestniť pokyny blízko príslušného vstupu
• Jasne označiť povinné polia
• Zobrazovať zmysluplné chybové hlásenia
• Pomôcť používateľom opraviť chyby bez vymazania celého formulára

Osobitnú pozornosť si zaslúži spracovanie chýb. Vágne hlásenie typu „Neplatný vstup“ nestačí. Povedzte používateľom, čo sa stalo a ako to môžu opraviť.

Napríklad:

• „Zadajte platnú e-mailovú adresu“ je lepšie ako „Chyba“
• „Heslo musí mať aspoň 12 znakov“ je lepšie ako „Slabé heslo“
• „Telefónne číslo musí obsahovať aj smerové číslo“ je lepšie ako „Nesprávny formát“

Ak má formulár viac krokov, dajte používateľom možnosť skontrolovať svoje údaje pred odoslaním. Znižuje to počet chýb a zvyšuje istotu.

6. Pridajte titulky, prepisy a ovládanie médií

Video a audio obsah potrebujú aj podporu prístupnosti. Ak váš web používa propagačné videá, ukážky produktov, webináre alebo podcasty, uistite sa, že návštevníci majú prístup k informáciám spôsobom, ktorý im vyhovuje.

Užitočné doplnky zahŕňajú:

• Titulky pre hovorený obsah vo videu
• Prepisy pre audio obsah
• Zvukové popisy, ak je vizuálna informácia podstatná
• Ovládanie prehrávania, pozastavenia a hlasitosti, ktoré sa dá ľahko nájsť a používať

Titulky pomáhajú viac než len nepočujúcim alebo nedoslýchavým používateľom. Podporujú aj ľudí, ktorí si obsah pozerajú v tichom prostredí, v hlučnom priestore alebo v inom jazyku.

Ak sa médium prehráva automaticky, uistite sa, že ho používatelia vedia jednoducho zastaviť. Neočakávaný zvuk môže narušiť čítačky obrazovky a vytvoriť zlú používateľskú skúsenosť.

7. Pravidelne testujte a opravujte problémy skôr, než sa rozšíria

Prístupnosť nie je jednorazový projekt. Je to priebežná úloha údržby.

Keď sa váš web mení, môžu sa objaviť nové problémy. Marketingová stránka môže zaviesť nesprávnu štruktúru nadpisov. Doplnok môže narušiť ovládanie pomocou klávesnice. Nový formulár môže vytvoriť nejasné chybové hlásenia. Bez pravidelného testovania sa tieto problémy môžu rýchlo hromadiť.

Používajte kombináciu metód:

• Automatizované testovacie nástroje na zachytenie bežných problémov
• Manuálne testovanie klávesnicou na overenie reálnej použiteľnosti
• Testovanie pomocou čítačky obrazovky na potvrdenie štruktúry obsahu
• Spätnú väzbu od skutočných používateľov, ak je to možné

Automatizované nástroje sú užitočné, ale nezachytia všetko. Môžu odhaliť chýbajúci alt text alebo slabý kontrast, ale nie vždy povedia, či stránka dáva zmysel reálnemu človeku.

Vytvorte jednoduchý kontrolný proces pre každú väčšiu aktualizáciu webu. Môže zahŕňať kontrolu nadpisov, odkazov, farebného kontrastu, popisov formulárov a použiteľnosti na mobilných zariadeniach. Ak publikujete obsah často, zahrňte prístupnosť aj do redakčného workflow.

Prístupnosť a rast firmy idú ruka v ruke

Prístupné webové stránky sú lepšie pripravené osloviť viac ľudí. Zvyčajne tiež vytvárajú menej problémov so zákazníckou podporou, menej sťažností na použiteľnosť a menej bariér pri konverzii.

To je dôležité pre startupy aj malé firmy, najmä keď sa počíta každý lead a každá interakcia so zákazníkom. Spoločnosť, ktorá berie prístupnosť vážne, vysiela signál profesionality, dôrazu na detail a rešpektu k používateľom.

Môže to podporiť aj širšie prevádzkové ciele:

• Lepšia používateľská skúsenosť naprieč zariadeniami
• Silnejšie SEO vďaka čistejšej štruktúre a zrozumiteľnejšiemu obsahu
• Inkluzívnejšie získavanie zákazníkov
• Nižšie riziko predchádzateľných problémov so súladom s požiadavkami

Inými slovami, prístupnosť nie je len technická záležitosť. Je to aj obchodné rozhodnutie.

Praktický kontrolný zoznam prístupnosti

Ak chcete svoj web rýchlo skontrolovať, začnite tu:

• Dá sa celý web používať iba pomocou klávesnice?
• Majú všetky obrázky tam, kde je to potrebné, zmysluplný alt text?
• Je text dostatočne čitateľný na pozadí?
• Sú nadpisy usporiadané v logickom poradí?
• Majú formuláre jasné popisy a užitočné chybové hlásenia?
• Sú videá opatrené titulkami a sú k dispozícii prepisy?
• Otestovali ste kľúčové stránky pomocou nástrojov na prístupnosť aj manuálnych kontrol?

Ak sú viaceré z týchto odpovedí nejasné, máte silný dôvod na audit prístupnosti.

Záverečné myšlienky

Sprístupnenie webovej stránky vašej firmy je jedno z najpraktickejších zlepšení, ktoré môžete urobiť. Pomáha väčšiemu počtu návštevníkov pracovať s vaším obsahom, robí vašu značku dôveryhodnejšou a podporuje čistejšiu, používateľsky prívetivejšiu webovú skúsenosť.

Najlepší čas začať je ešte predtým, než sa prístupnosť stane problémom. Druhý najlepší čas je teraz.

Ak budete navrhovať premyslene, pravidelne testovať a považovať prístupnosť za súčasť svojej hlavnej webovej stratégie, môžete vytvoriť digitálnu prítomnosť, ktorá osloví viac ľudí a porastie spolu s vašou firmou.