FUKAMOV SPRIEVODCA · Obsah a on-page SEO

Prístupnosť webu

Prístupný web sa dá pochopiť a ovládať rôznymi spôsobmi. HTML kontrola vie odhaliť časť problémov, napríklad chýbajúci názov ovládacieho prvku. Nevie sama potvrdiť kompletnú prístupnosť používateľskej cesty.

Znamená úspešný automatický audit prístupný web?

Vyberte celú úlohu, napríklad objednanie služby. Otestujte úspešný priebeh, chybu formulára aj návrat z dialógu; izolovaný správny atribút nepreukazuje, že sa dá úloha dokončiť.

Začnite tromi úlohami návštevníka. Nájsť službu cez nadpisy, rozpoznať fotografiu cez alternatívny text a otvoriť kontakt klávesnicou. Pri menu ovládanom JavaScriptom overte, kam sa presunie fokus po otvorení a zatvorení.

Ako postupovať krok za krokom

  1. Prejdite dôležitú cestu iba klávesnicou a sledujte viditeľný fokus.
  2. Overte zrozumiteľné názvy tlačidiel, odkazov a polí.
  3. Vyvolajte validačnú chybu a skontrolujte jej spojenie s poľom.
  4. Otestujte zväčšenie textu, reflow a čitateľnosť obsahu.
  5. Doplňte kontrolu asistívnou technológiou a manuálne posúdenie.

Praktický príklad

<label for="email">E-mail na zaslanie odpovede</label>
<input id="email" name="email" type="email" autocomplete="email" />

Častý omyl

Placeholder nenahrádza spoľahlivo viditeľný popis poľa. ARIA tiež nie je automatická oprava. Nesprávny názov alebo rola môže význam ešte zhoršiť. Zelený sken neoznačujte za certifikáciu.

Vyskúšajte report na našom webe.

Pozrite si ukážku reportu a potom zadajte vlastnú URL. Získate nálezy, HTML dôkazy a plán opráv pre svoju stránku.

Spustiť vlastný audit

fukamo.com/sk16. septembra 2026

59/ 100

  1. Veľkosť HTML odpovede · limit Fukamo 200 kB
    Dôkaz
    314476 bajtov dekódovaného HTML; nejde o prenesenú komprimovanú veľkosť.
    Oprava
    Zmenšite nadbytočné HTML a inline dáta. Limit 200 kB je rozpočet Fukamo, nie limit Googlu ani komprimovaného prenosu.
  2. Objem inline JS · limit Fukamo 64 KiB
    Dôkaz
    4 blokov; 179621 bajtov pred prenosovou kompresiou.
    Oprava
    Znížte objem inline dát nad rozpočet Fukamo 64 KiB. Porovnajte externý cachovateľný súbor a zmerajte dopad.
  3. ImageObject · základné údaje
    Dôkaz
    1 entít. Chýbajúce údaje: ImageObject #1: contentUrl.
    Oprava
    Overte vhodné vlastnosti pre tento typ. Kontrola vybranej sady nenahrádza úplnú validáciu ani nárok na rich result.
  4. Ilustrácie majú potrebný kontext
    Dôkaz
    1 z 1 figure prvkov nemá textový figcaption.
    Oprava
    Pridajte popis, ak obrázok potrebuje vysvetlenie. Figcaption nie je povinný a nenahrádza alt.

Ako otestovať web iba klávesnicou

Začnite na vstupnej stránke a odošlite formulár bez myši. Zoznam správnych atribútov neodhalí tlačidlo, ku ktorému sa nedá dostať, ani fokus ukrytý za bannerom.

  • Použite Tab a Shift+Tab a sledujte viditeľný fokus.
  • Aktivujte odkazy a tlačidlá ich bežnými klávesmi.
  • Overte menu aj banner súhlasu, ktoré môžu blokovať zvyšok stránky.

Ako overiť popisy polí a formulárové chyby

Popis poľa má zostať dostupný aj po napísaní hodnoty. Chyba musí vysvetliť problém a pomôcť s opravou; červený rámček sám osebe nestačí.

  • Každému poľu priraďte zrozumiteľný názov, ideálne viditeľným label.
  • Chybovú správu spojte s príslušným poľom.
  • Po odmietnutí formulára zachovajte správne vyplnené údaje.

Zdroj W3C WAI — form validation ↗

Ako otestovať fokus v modálnom dialógu

Modal mení kontext ovládania. Používateľ potrebuje rozpoznať jeho účel, dostať sa k ovládacím prvkom a po zatvorení pokračovať na logickom mieste.

  • Pri otvorení presuňte fokus na vhodný prvok v dialógu.
  • Pri modálnom dialógu držte klávesnicovú navigáciu v jeho obsahu a umožnite Escape.
  • Po zatvorení spravidla vráťte fokus na prvok, ktorý dialóg otvoril.

Zdroj W3C WAI — modal dialog pattern ↗

Ako skontrolovať zväčšený text a celý priebeh úlohy

Automatické testy doplňte zväčšením textu a prácou s asistívnou technológiou. Správny stav úvodnej stránky nepreukazuje prístupnosť objednávky ani chybovej obrazovky.

  • Skontrolujte čitateľnosť bez prekrývania textu a ovládacích prvkov.
  • Overte poradie nadpisov, alternatívy obrázkov a zrozumiteľnosť odkazov.
  • Pri vyhlásení súladu určte rozsah stránok a overené požiadavky WCAG.

Zdroj W3C WAI — evaluating accessibility ↗

Čím potvrdiť výsledok

Nálezy Fukama berte ako vstupný zoznam technických podnetov. Súlad s konkrétnymi požiadavkami WCAG vyžaduje širšie overenie vrátane interakcií, kontextu a všetkých relevantných stránok.

Primárna dokumentácia www.w3.org ↗

Časté otázky

Znamená úspešný automatický audit prístupný web?

Nie. Automatické pravidlá zachytia časť problémov, ale neoveria úplný význam alternatívnych textov ani použiteľnosť celého procesu. Prejdite formulár klávesnicou, skúste chybný vstup a skontrolujte viditeľný focus. Ovládanie modalu a návrat na pôvodný prvok vyžadujú test reálnej interakcie.

Kedy môžete úlohu uzavrieť

Dôležitá úloha sa dá dokončiť bez myši, polia majú zrozumiteľné názvy a chyby sú oznámené. Výsledok čiastkového testu neoznačujte ako certifikáciu súladu celého webu.

Súvisiace SEO návody

OD ČÍTANIA K VLASTNÉMU WEBU

Overte konkrétnu stránku.

Fukamo ukáže nálezy, dôkazy a ďalší krok.

Spustiť audit zadarmo ↗

836 pravidiel + merania SEO, AI čitateľnosti, výkonu a prístupnosti zadarmo.

FUKAMO / PRIVACY

Súkromie máte pod kontrolou.

Tieto voľby sa týkajú cookies aj úložiska prehliadača. Bez voliteľného ukladania audit funguje rovnako.

Ochrana súkromia ↗Zoznam cookies a tretích strán ↗