Namaľujte prístupný web pre indisponovaných

Dnes je už na internete väčšina z nás. To, čo je však pre zdravého človeka samozrejmosťou, indisponovaný vníma inak. Aj to je dôvodom, prečo sa začína klásť čoraz väčší dôraz na prístupnosť webu pre zdravotne postihnutých.

Umožnite im sa na vašom e-shope cítiť príjemne. V ďalších riadkoch sa dozviete, ako vytvoriť responzívny dizajn pre všetkých. 

pristupnost-webu

Obsah

Na internete získavame na počkanie prístup k dôležitým informáciám, produktom či nástrojom, ktoré nám umožňujú robiť online takmer čokoľvek. Napriek tomu je pre ľudí so zdravotným postihnutím podstatne ťažšie využívať výhody, ktoré tento svet ponúka.

Až 90 % webových stránok nie je úplne prístupných pre tých, ktorí sa spoliehajú na pomocné technológie.

Web accessibility à la e-shop pre všetkých

Prístupnosť značí jednoduchý dizajn a prehľadnú štruktúru webu nielen pre každého používateľa, ale aj pre roboty.

Zatiaľ, čo technológie ako čítačky obrazoviek, terminály v Braillovom písme a alternatívne kľúčové slová, umožňujú ľuďom so zdravotným postihnutím sa na internete zorientovať, e-shopy môžu ísť ešte o krok ďalej.

Rýchle zmeny dizajnu vám pomôžu sprístupniť webovú stránku ľuďom po celom svete.

Prečo sprístupňovať weby?

Približne 15 % svetovej populácie žije so zdravotným postihnutím. Toto číslo sa pravdepodobne ešte zvýši, pretože ľudia žijú dlhšie a stretávajú sa s obmedzeniami zraku, motorických funkcií či sluchu.

Prístupnosť webu zabezpečí:

  • pre vašu cieľovú skupinu rovnaký prístup webovej stránke, službám a obsahu,
  • ochranu pred možnými pokutami a súdnymi spormi vyplývajúcimi z nedodržania zákonov a prístupných weboch,
  • oslovenie širšieho trhu.
Slepým ľuďom alebo ľuďom so zhoršeným zrakom pomáhajú v jednoduchej orientácii prístupné weby

V Anglicku stratili online predajcovia ignorovaním potenciálnych hendikepovaných zákazníkov s miliardovou kúpnou silou skoro 12 miliárd libier v dôsledku nedostatočnej prístupnosti webu.

Číselné štatistiky

  1. Až 71 % zdravotne postihnutých zákazníkov opustí nedokonalo prístupný web.
  2. Viac ako polovica dospelých ľudí so zdravotným postihnutím používa internet.
  3. 82 % indisponovaných zákazníkov by minulo viac peňazí online, keby boli webové stránky dostupnejšie.
  4. Používanie mobilných čítačiek obrazovky sa od roku 2011 zvýšilo o 70 %.

Praktické rady pre prístupný web

Cieľom dostupného webu a responzívneho dizajnu je odstrániť všetky bariéry, ktoré obmedzujú navigáciu alebo porozumenie obsahu na e-shope.

Zvážte vhodný CMS systém

Ak s e-shopom len začínate, alebo zvažujete výmenu redakčného systému, myslite dopredu a vyberte si taký, ktorý podporuje úpravy pri prístupnosti.

Presvedčte sa, že rozloženie stránok, web dizajn, motívy, miniaplikácie či doplnky sú kompatibilné so štandardmi dostupnosti webu, ako je WCAG 2.0.

Pri prvkoch, ako sú panely s nástrojmi na úpravy a prehrávače videí, sa uistite, že podporujú vytváranie prístupného obsahu. Panely nástrojov na úpravu by mali obsahovať možnosti pre nadpisy, prehrávače videí zase skryté titulky.

pristupnost-webu-hendikepovani

Pri výbere CMS myslite aj na uverejňovanie komentárov či blogové príspevky. Ani v týchto aspektoch by hendikepovaní používatelia nemali byť znevýhodnení.

Nezabúdajte na nadpisy a podnadpisy

Nadpisy pomáhajú štruktúrovať obsah na webovej stránke do prehľadnej a ľahko čitateľnej podoby. Vďaka nim sa nielenže používatelia na stránke nestratia, ale zároveň stúpate aj v očiach Google.

Nastavte na webe logickú štruktúru nadpisov (<h1>, <h2> alebo <h3>). Pre používateľov s čítačkami textov tak bude obsah usporiadaný a ľahko interpretovaný.

Nadpisy používajte správne:

  1. Ako hlavný názov stránky použite vždy <h1>. Vyhnite sa používaniu <h1> na čokoľvek iné ako názvy jednotlivých stránok.
  2. Nadpisy používajte výhradne na štruktúrovanie obsahu. Samotný text neoznačujte ako nadpis.
  3. Nepreskakujte úrovne nadpisov (z <h1> na <h3>), pretože používateľom čítačiek bude obsah chýbať.

K obrázkom dopĺňajte ALT tagy

Obrázky na e-shope poskytujú používateľom pridanú hodnotu. Napriek tomu vytvárajú bariéru pre používateľov s obmedzeným alebo zhoršeným zrakom.

Priradenie ALT tagov k obrázkom dovoľuje používateľom s čítačkami pochopiť, čo sa na obrázku nachádza. Navyše, využívaním ALT funkcie zvyšujete aj svoje SEO skóre.

Viete však, ako by mali ALT tagy vyzerať? Vždy sa snažte pomocou relevantných kľúčových slov popísať, čo vidíte na fotke alebo obrázku.

S farbami opatrne

Farby pomáhajú bežnému zdravému používateľovi rozlíšiť rôzne súbory informácií. Pre farboslepých či ľudí s inými zrakovými postihnutiami je však veľký kontrast farieb katastrofou.

Rozšírenie Colorblindly ukazuje, do akej miery je web Dexfinity prístupný pre zrakovo znevýhodnených

Ak chcete navrhnúť prístupný farebný web dizajn, rozšírte svoj prehliadač o Colorblindly. Vďaka nemu budete vedieť, ako váš e-shop vidia farboslepí a ktorých farieb sa môžete pri jeho tvorbe pridŕžať.

Formuláre označte

Pri navrhovaní online formulárov je dôležité správne označiť textové polia popisným názvom, aby ľudia, ktorí sa spoliehajú na čítačky obrazovky, mohli formuláre správne vyplniť.

Zabezpečte navigáciu na stránke pomocou klávesnice

Hlavnou súčasťou prístupnosti webu je zabezpečenie bezbariérovej navigácie pre milióny používateľov s poruchami motoriky a zraku.

Hendikepovaný muž využíva pomôcky na prácu na počítači

Overte, či sa na vašom e-shope dá plnohodnotne pohybovať pomocou tabulátora, šípok alebo s alternatívnymi pomôckami.

Pomenujte odkazy

Pri dopĺňaní odkazov do obsahu použite text, ktorý správne popisuje, kam bude odkaz smerovať. Fráza „Kliknite sem“ sa nepovažuje za popisnú a pre používateľa s čítačkou obrazovky je nedostatočná.

Najunikátnejší obsah odkazu by mal byť prezentovaný ako prvý, pretože používatelia často prechádzajú zoznam odkazov vyhľadávaním podľa prvého písmena.

Ak napríklad odkazujete návštevníkov na stránku s názvom „O nás“, vyhnite sa fráze „Kliknite sem a prečítajte si o našej spoločnosti.“ Upresnite text napríklad na „Ak sa chcete dozvedieť viac o našej spoločnosti, prečítajte si O nás.

Sprístupnite dynamický obsah

Keď sa obsah aktualizuje dynamicky (bez obnovenia stránky), čítačky obrazoviek o tom nemusia vedieť. Dynamický obsah zahŕňa prekrytie obrazovky bannermi, svetelné polia, aktualizácie na stránke či kontextové okná.

Používatelia, ktorí používajú iba klávesnicu, sa na stránke môžu rýchlo stratiť.

Prístupné pokročilé internetové aplikácie ARIA atribúty slúžia k sémantickému vyznačeniu informácií pre zdravotne postihnutých používateľov. Vďaka nim zabezpečíte, aby sa prehrávače videí nespustili automaticky a dali sa ovládať aj klávesnicou.

WAVE je test, ktorý kontroluje prístupnosť webu pre postihnutých

Zistite, či je váš e-shop prístupný. Web accessibility bude v dohľadnej budúcnosti horúcou témou aj na Slovensku.

Na prístupnosti webu záleží

Zamýšľali ste sa niekedy nad tým, ako vnímajú váš e-shop zdravotne indisponovaní? Vyhnite sa strate potenciálnych zákazníkov a uľahčite im pohybovať sa na webe.

Ak si neviete dať rady s webom či inou marketingovou aktivitou, ozvite sa a spoločne preberieme možnosti, ako posunúť predaje vášho e-shopu. Prvá konzultácia je na nás a bez akýchkoľvek záväzkov.

Ďakujeme Dexfinity redakcii, vďaka ktorej
vznikol tento článok

Autor: Veronika Svajčiaková

Editor: Martin Bartl

Publikoval: Róbert Hošták

Zdieľajte článok

KONTAKTY NAPRIAMO

Spojme sily.

Ukážte nám váš projekt a pobavíme sa o potenciáli jeho rastu.

pavol adamcak ikonka

Pavol Adamčák
Executive Director
+421 918 435 105
pavol.adamcak@dexfinity.com

Vlado_Nociar

Vladimír Nociar
Head of Business Development team
+421 903 568 464
vladimir.nociar@dexfinity.com

Vyberte, o čo máte záujem a nebojte sa označiť viac možností.