V dnešnom digitálnom prostredí nie je zabezpečenie dostupnosti vašej webovej stránky pre všetkých používateľov – bez ohľadu na schopnosti – len morálnou zodpovednosťou, ale aj praktickým prístupom k rozšíreniu publika a zlepšeniu celkovej používateľskej skúsenosti. Aj keď si mnohí myslia, že vylepšenia prístupnosti vyžadujú zložité kódovanie alebo pokročilé vývojové zručnosti, existuje množstvo jednoduchých, netechnických krokov, ktoré môžu mať výrazný vplyv. Zameraním sa na prehľadnosť obsahu, štruktúru stránok a výber farieb a formátov médií môžete pestovať inkluzívne prostredie, z ktorého bude mať úžitok každý, kto navštívi vašu stránku.
Prečo na dostupnosti záleží
Každý deň sa na webe pohybujú ľudia so zrakovým, sluchovým, motorickým a kognitívnym postihnutím. Zlepšenie dostupnosti zaisťuje, že títo používatelia môžu plne interagovať s vaším obsahom. Okrem splnenia zákonných povinností a sociálnych povinností je vylepšená dostupnosť v súlade s osvedčenými postupmi pre SEO a používateľskú skúsenosť, čo často vedie k nižšej miere okamžitých odchodov, vyššej angažovanosti a vyšším konverziám. Toto nie je len o súlade; ide o vytvorenie priestoru, kde sa každý cíti vítaný.
1. Napíšte jasný a stručný obsah
Používatelia s kognitívnymi poruchami, ľudia, ktorí nehovoria angličtinou, alebo dokonca ľudia, ktorí sa ponáhľajú, profitujú z jednoduchého a dobre štruktúrovaného obsahu. Udržujte svoje vety a odseky krátke, informácie rozdeľte na menšie časti a tam, kde je to vhodné, použite odrážky. Vyhnite sa žargónu vždy, keď je to možné, alebo poskytnite definície, keď sú potrebné technické výrazy. Tým, že zabezpečíte, aby bol váš text prístupný, uľahčíte každému, nielen používateľom so zdravotným postihnutím, pochopiť a oceniť vašu správu.
2. Poskytnite popisný text odkazu
Odkazy slúžia ako smerové signály. Namiesto použitia všeobecného kotviaceho textu ako „kliknite sem“ alebo „prečítajte si viac“ začleňte popisné frázy, ktoré špecifikujú cieľ. Napríklad „Prečítajte si viac o našich Doplnok na zjednodušenie ovládania WordPress” poskytuje používateľom, ktorí sa spoliehajú na čítačky obrazovky, dostatok kontextu, aby mohli určiť, či je odkaz relevantný pre ich potreby. Popisný text odkazu tiež pomáha vyhľadávacím nástrojom presnejšie indexovať vaše stránky, čím nepriamo zvyšuje SEO.
3. Pridajte do obrázkov alternatívny text
Obrázky môžu vylepšiť alebo ilustrovať váš obsah, no bez alternatívneho textu môžu zrakovo postihnutí používatelia chýbať. Alternatívny text je krátky popis obsahu a účelu obrázka. Udržujte ho konkrétny a relevantný, popisujte, čo sa deje alebo čo obrázok predstavuje. Ak je obrázok čisto dekoratívny, zvážte jeho označenie ako také, aby čítačky obrazovky vedeli, že ho možno preskočiť. Pridanie alternatívneho textu je rýchly krok bez kódu, ktorý prináša zásadný kontext všetkým používateľom.
4. Zabezpečte dobrý farebný kontrast
Farebný kontrast ovplyvňuje čitateľnosť, najmä pre slabozrakých alebo farboslepých návštevníkov. Nástroje ako napr Kontrola kontrastu WebAIM vám pomôžu vybrať kombinácie, ktoré spĺňajú usmernenia WCAG. Úprava farieb textu a pozadia v nastaveniach motívu alebo štýlu vašej lokality nevyžaduje, aby ste sa ponorili do kódu CSS. Zabezpečením dostatočného kontrastu uľahčíte čítanie textu pre každého.
5. Pridajte titulky a prepisy pre multimédiá
Nie všetci používatelia môžu počúvať zvuk alebo sledovať videá so zvukom. Poskytovanie titulkov pre videá a prepisy pre zvukový obsah robí vaše multimédiá komplexnejšími. Mnoho platforiem na hosťovanie videa ponúka automatické nástroje na vytváranie titulkov, ktoré môžete upraviť, aby boli presné. Odovzdaním prepisu ako textového súboru alebo jeho vložením priamo na stránku sa zabezpečí, že používatelia, ktorí nemajú prístup k zvuku alebo videu, budú môcť s informáciami naďalej pracovať.
6. Usporiadajte svoj obsah so správnymi nadpismi
Nadpisy neslúžia len na vizuálne rozloženie; slúžia tiež ako navigačné značky pre čítačky obrazovky. Aj keď sa kódu nikdy nedotknete, môžete svoj obsah logicky usporiadať pomocou možností nadpisov editora obsahu. Priraďte jeden H1 pre nadpis stránky, potom použite H2, H3 atď. na rozdelenie sekcií. Všetkým používateľom to uľahčuje skenovanie a rýchle nájdenie toho, čo potrebujú, čím sa zlepšuje celková použiteľnosť stránky.
7. Využite doplnok na zjednodušenie ovládania pre WordPress
Ak váš web beží na WordPress, zvážte inštaláciu špeciálneho doplnku dostupnosti. Nástroj ako WP One Tap môže vykonávať automatické skenovanie, identifikovať problémy, ako je chýbajúci alternatívny text alebo nejasné popisy odkazov, a prevedie vás potrebnými zmenami. Tieto doplnky zvyčajne ponúkajú odporúčania, ktoré možno použiť prostredníctvom hlavného panela WordPress, vďaka čomu sú vylepšenia jednoduché a bez kódu. Pravidelné kontroly zaisťujú, že keď pridáte nový obsah alebo funkcie, vaša lokalita zostane prístupná.
Ďalšie tipy
Okrem týchto siedmich stratégií existujú aj iné netechnické spôsoby, ako zabezpečiť, že ste na správnej ceste. Testovanie webu pomocou čítačky obrazovky alebo navigácie iba pomocou klávesnice môže odhaliť skryté prekážky. Požiadanie o spätnú väzbu od používateľov so zdravotným postihnutím môže poskytnúť informácie, ktoré nemôže poskytnúť žiadny automatizovaný nástroj. Ak ešte viac zjednodušíte svoj jazyk alebo použijete nástroje na jednoduchý jazyk, bude váš obsah prístupnejší. Každé ďalšie vylepšenie sa sčítava, vďaka čomu je váš web príjemnejší, užívateľsky prívetivejší a v súlade s modernými webovými štandardmi.
