Přístupnost a SEO: kde se překrývají a kde ne

Přístupnost znamená, že web může použít i člověk, který nevidí, nepoužívá myš nebo špatně rozlišuje barvy. S SEO se překrývá překvapivě hodně, protože robot je na tom podobně jako čtečka obrazovky: nevidí, nekliká a rozumí jen tomu, co je v kódu popsané.

Kde se přístupnost a SEO potkávají

Kde se rozcházejí

• Kontrast barev. Vyhledávač ho neřeší, pro čtenáře je zásadní. Minimum je 4,5:1 pro běžný text a 3:1 pro velké písmo a grafické prvky.
• Ovládání klávesnicí. Robot nekliká, ale člověk bez myši ano. Každý prvek musí být dostupný tabulátorem a musí mít viditelné označení zaměření.
• Titulky u videa. Pomáhají i SEO, protože přepis je text, ale hlavní důvod je jiný.
• Popisky formulářových polí. Bez značky label čtečka neví, co do pole patří. Vyhledávače se formuláře netýkají.

Deset věcí, které stojí nejmíň a přinesou nejvíc

1. Atribut lang na značce html, u českého webu cs.
2. Jeden nadpis H1 na stránce a osnova bez přeskočených úrovní.
3. Popisky u obrázků, které nesou informaci. Dekorativní obrázky dostanou prázdný popisek.
4. Text odkazu, který popisuje cíl. Ne zde ani více.
5. Kontrast textu nejméně 4,5:1.
6. Viditelné označení zaměření při ovládání klávesnicí. Nikdy nepoužívejte outline: none bez náhrady.
7. Popisky u formulářových polí značkou label, ne jen zástupným textem.
8. Odkaz Přejít k obsahu jako první prvek stránky.
9. Tabulky se záhlavím pomocí th a atributu scope.
10. Sémantické značky header, nav, main, footer místo samých div.

Právní stránka v Česku

Od června 2025 platí evropská směrnice o přístupnosti výrobků a služeb, kterou Česko převedlo do vlastní úpravy. Vztahuje se na vyjmenované služby pro spotřebitele, mezi které patří i e-shopy. Mikropodniky do deseti zaměstnanců a obratu do dvou milionů eur mají výjimku. Veřejná správa má povinnost už podle starší úpravy a řídí se standardem WCAG na úrovni AA.

Jak přístupnost otestovat

1. Projděte stránku tabulátorem. Musí jít dosáhnout každého ovládacího prvku a vždy musí být vidět, kde jste.
2. Vypněte obrázky. Zůstane text srozumitelný?
3. Zvětšete stránku na 200 procent. Nesmí se rozpadnout ani vyžadovat vodorovné posouvání.
4. Spusťte automatický test. Nástroje typu Lighthouse najdou zhruba třetinu problémů, zbytek se musí zkontrolovat ručně.
5. Zkuste čtečku obrazovky. Ve Windows je zabudovaný Předčítání, na Macu VoiceOver. Deset minut ukáže víc než hodina čtení norem.

Časté dotazy

Zlepší přístupnost pozice ve vyhledávání?

Přímo ne, přístupnost není faktor hodnocení. Nepřímo ano, protože se s SEO překrývá v tom podstatném: smysluplné nadpisy, popisky obrázků, srozumitelné texty odkazů a sémantické HTML jsou požadavky obou disciplín. Web, který splní přístupnost, má tyhle věci v pořádku automaticky.

Koho se týká evropská směrnice o přístupnosti?

Od června 2025 se povinnost vztahuje na e-shopy, bankovní služby, dopravu, elektronické knihy a další vyjmenované služby pro spotřebitele. Výjimku mají mikropodniky, tedy firmy do deseti zaměstnanců a obratu do dvou milionů eur. Veřejná správa má povinnost už dřív podle starší úpravy.

Stačí na přístupnost překryvný widget?

Ne. Widgety, které slibují automatické zpřístupnění jedním řádkem kódu, opravují jen povrchní věci a v řadě případů překážejí čtečkám obrazovky víc, než pomůžou. Přístupnost se řeší v HTML a ve stylech, ne vrstvou navrch.