Proč přístupnost souvisí s AI viditelností
Tady je klíčové pochopení: AI crawlery (GPTBot, ClaudeBot, PerplexityBot) nepracují s webem jako lidský uživatel. Nevidí barvy, layout, animace ani grafický design. Čtou stránku podobně jako screen reader pro nevidomé — procházejí DOM strom (strukturu HTML dokumentu), čtou textové alternativy, sledují sémantické značky a ARIA atributy.
To není náhoda ani analogie. Je to technická realita. Většina AI crawlerů neexekuuje JavaScript — vidí jen surové HTML, které server vrátí. Přesně stejné HTML, které čte odečítačka obrazovky. Pokud vaše stránka spoléhá na vizuální vodítka (barvy, velikosti, pozice), ale v HTML chybí sémantické značky, AI crawler ji přečte jako nestrukturovanou zeď textu.
Důsledek pro byznys je přímý: web, který je nepřístupný pro uživatele se zrakovým postižením, je ze stejného důvodu nepřístupný pro AI modely. A web, který AI nepřečte, AI neocituje.
Kde přesně se přístupnost a AI čitelnost potkávají
Alt texty u obrázků
Alt text je nejjasnější průnik přístupnosti a GEO. Když na stránce máte produktovou fotku bez alt textu, screen reader řekne „obrázek“ a nevidomý uživatel neví, co na obrázku je. Úplně stejně AI crawler — neví, co obrázek zobrazuje, a nemůže tu informaci zahrnout do odpovědi.
Moderní AI modely sice mají schopnost „vidět“ obrázky pomocí vision modelů, ale alt text zůstává explicitním signálem, který potvrzuje, co na obrázku je. Když se vision model a alt text shodnou, důvěra AI v obsah roste. Když si protiřečí, AI stránku hodnotí jako méně kvalitní. A když alt text chybí úplně, AI musí hádat — a hádání vede k nižší pravděpodobnosti citace.
Praktický příklad: E-shop s 500 produktovými fotkami bez alt textů přichází o 500 příležitostí, kde by AI mohla odpovědět „Tento produkt vypadá takto a je dostupný na vašem webu.“ Naopak e-shop, kde každý produkt má popisný alt text („Pánská kožená peněženka hnědá, kompaktní rozměr, tři sloty na karty“), dává AI materiál k citaci.
Sémantické HTML značky
HTML nabízí dvě cesty, jak vytvořit stejně vypadající stránku. Můžete celý layout postavit na generických <div> elementech a stylovat je CSS — vizuálně bude stránka v pořádku. Nebo můžete použít sémantické značky: <nav> pro navigaci, <main> pro hlavní obsah, <article> pro článek, <aside> pro postranní panel, <header> a <footer> pro záhlaví a zápatí.
Pro lidského uživatele s myší a monitorem je výsledek stejný. Pro screen reader a AI crawler je rozdíl zásadní.
Když AI crawler narazí na <main>, ví, že tohle je jádro stránky — ne navigace, ne patička, ne cookie lišta. Bez <main> musí hádat, kde hlavní obsah začíná a končí. Podle WebAIM Million studie z roku 2026 má element <main> jen 46 % webů z milionu zkoumaných. To znamená, že víc než polovina webů nutí AI crawlery hádat, kde je hlavní obsah.
Stejný princip platí pro <nav>. Když AI vidí obsah uvnitř <nav>, ví, že jde o navigační prvky, ne o hlavní obsah stránky. Bez toho může navigační text (názvy kategorií, tlačítka menu) splynout s obsahem a zkreslit, o čem stránka je.
Hierarchie nadpisů
Screen reader umožňuje nevidomému uživateli „skákat“ mezi nadpisy — používá je jako osnovu stránky. AI crawler dělá totéž. Správná hierarchie (jeden H1, pod ním H2, pod nimi H3) vytváří jasnou strukturu, kterou AI dokáže přečíst a pochopit.
Podle dostupných analýz 87 % stránek citovaných v odpovědích ChatGPT používá jeden H1 jako hlavní kotvu. Stránky s přeskočenými úrovněmi nadpisů (z H2 rovnou na H4) nebo s více H1 mají nižší šanci na citaci, protože AI obtížněji chápe vztahy mezi sekcemi.
Přitom problém přeskočených nadpisů je rozšířený — WebAIM Million studie 2026 uvádí, že přeskočené úrovně nadpisů se vyskytují na téměř 42 % zkoumaných webů.
Tabulky a jejich struktura
Přístupná tabulka má <th> pro záhlaví sloupců a řádků, atribut scope pro určení směru záhlaví a volitelně <caption> pro popis tabulky. AI model z takové tabulky dokáže přesně extrahovat data — ví, co je záhlaví a co hodnota.
Nepřístupná tabulka — kde je záhlaví jen vizuálně odlišené tučným písmem nebo barvou, ale v HTML je to stejný <td> jako datová buňka — je pro AI nestrukturovaná matice textu. Může ji přečíst, ale nemůže ji spolehlivě interpretovat.
Pro e-shopy s cenovými tabulkami, srovnávacími přehledy nebo technickými specifikacemi je to klíčové — správně strukturovaná tabulka může být přímo citována v AI odpovědi.
Formuláře a interaktivní prvky
Každé formulářové pole by mělo mít přiřazený <label> element. Každé tlačítko by mělo mít srozumitelný text nebo ARIA popisek (atribut aria-label). To platí pro screen readery — a platí to i pro AI agenty.
AI agenti nové generace (jako Claude in Chrome, Copilot nebo operátoři ChatGPT) jsou schopní interagovat s webem — vyplňovat formuláře, klikat na tlačítka, procházet navigaci. Ale jen pokud rozumí, co daný prvek dělá. Tlačítko s textem „Odeslat“ je jasné. Tlačítko, které je jen ikonka bez popisu, je pro AI agenta nepoužitelné — stejně jako pro nevidomého uživatele.
Odkazy a jejich popisnost
Odkaz s textem „klikněte zde“ nebo „více“ neříká screen readeru ani AI nic o tom, kam vede. Odkaz s textem „Kompletní průvodce schema.org pro WordPress“ je popisný a dává AI kontext, který může použít.
Podle WebAIM Million 2026 má 15 % webů nejednoznačné texty odkazů. To je ztracená příležitost — popisné anchor texty pomáhají AI pochopit vztahy mezi stránkami a tematickou strukturu webu.
Legislativní kontext: proč se to řeší právě teď
Přístupnost není jen GEO taktika — v roce 2025–2026 nabyla i legislativní urgenci:
European Accessibility Act (EAA) vstoupil v platnost 28. června 2025. Vztahuje se na e-shopy, bankovní služby, telekomunikace a další digitální produkty a služby nabízené v EU. České firmy, které prodávají online, musí splňovat standard WCAG 2.1 Level AA.
ADA Title II v USA stanovuje termín 24. dubna 2026 pro státní a veřejné instituce. Evropské firmy cílící na americký trh musí počítat i s tímto standardem.
Pro B2B firmy a e-shopy to znamená, že přístupnost přestala být „nice to have“. Ale argument pro tuto cílovou skupinu není primárně legislativní — je byznysový: investice do přístupnosti současně zlepšuje AI čitelnost webu. Jedna změna, dva výsledky.
Jak přístupnost nasadit ve WordPressu
1. Alt texty u obrázků
WordPress nabízí pole pro alt text přímo v knihovně médií. Při nahrávání každého obrázku vyplňte pole „Alternativní text“. Pravidla pro kvalitní alt text:
- Buďte konkrétní. „Modrý dámský batoh s přední kapsou na zip“ je lepší než „batoh“ nebo „produkt“.
- Popište funkci, ne vzhled souboru. „Graf ukazující růst tržeb o 40 % v Q1 2026″ je lepší než „graf.png“.
- Dekorativní obrázky nechte prázdné. Pokud obrázek je čistě estetický (pozadí, oddělovač), nastavte
alt=""— to říká screen readeru i AI, aby ho přeskočily. - Nepoužívejte „obrázek“ nebo „foto“. Screen reader i AI už vědí, že jde o obrázek. Alt text „Foto naší kanceláře“ obsahuje redundantní informaci.
Pro weby s velkým množstvím obrázků (e-shopy) existují WordPress pluginy, které alt texty generují pomocí AI — ale výsledek vždy zkontrolujte ručně.
2. Kontrola sémantického HTML
Závisí na kvalitě WordPress tématu. Moderní témata většinou používají <header>, <nav>, <main>, <footer>. Starší témata mohou mít celou strukturu postavenou na <div> elementech.
Jak zkontrolovat:
- Otevřete stránku v prohlížeči
- Klikněte pravým tlačítkem → „Zobrazit zdrojový kód“
- Vyhledejte
<main>— pokud chybí, téma nepoužívá sémantické HTML - Vyhledejte
<nav>— mělo by obalovat hlavní navigaci - Zkontrolujte, že existuje právě jeden
<h1>nadpis
Pokud vaše téma sémantické značky nepoužívá, máte tři možnosti: upravit šablonu, vyměnit téma, nebo použít plugin, který ARIA landmarks doplní.
3. Hierarchie nadpisů
Ve WordPress editoru (Gutenberg) používejte bloky „Nadpis“ s korektní hierarchií:
- Jeden H1 na stránku (obvykle název příspěvku — generuje se automaticky)
- H2 pro hlavní sekce
- H3 pro podsekce uvnitř H2
- Nikdy nepřeskakujte úrovně (z H2 na H4)
Nepoužívejte nadpisové bloky pro vizuální stylování textu — pokud potřebujete větší písmo, řešte to přes CSS, ne přes úroveň nadpisu.
4. Formuláře
Pokud používáte formulářový plugin (Contact Form 7, WPForms, Gravity Forms), ověřte, že každé pole má přiřazený <label>. Většina moderních pluginů to dělá automaticky, ale starší konfigurace mohou mít labely jen vizuální (placeholder text místo skutečného <label> elementu).
5. Kontrastní poměr
WCAG 2.1 vyžaduje minimální kontrastní poměr 4.5:1 pro běžný text a 3:1 pro velký text. Nízký kontrast sice AI crawlery přímo neovlivňuje (nečtou CSS), ale ovlivňuje uživatelský zážitek — a tím nepřímo signály jako bounce rate a čas na stránce, které AI modely zohledňují.
Jak přístupnost otestovat
Existuje řada bezplatných nástrojů, které odhalí nejčastější problémy:
- WAVE (wave.webaim.org) — nejpoužívanější bezplatný nástroj. Vizuálně zvýrazní chyby přímo na stránce — chybějící alt texty, prázdné nadpisy, nesprávné ARIA, nízký kontrast.
- Lighthouse v Chrome DevTools — záložka „Accessibility“ v audit reportu. Dá skóre a seznam konkrétních problémů.
- axe DevTools — rozšíření prohlížeče od firmy Deque. Detailnější analýza než Lighthouse.
- WebAIM Contrast Checker — pro ověření kontrastního poměru konkrétních barevných kombinací.
- Screen reader test — nejhodnověrnější metoda. Na Windows vyzkoušejte NVDA (zdarma), na Macu nativní VoiceOver. Pokud screen reader vaši stránku přečte srozumitelně, přečte ji srozumitelně i AI.
Doporučení: Začněte s WAVE na pěti nejdůležitějších stránkách webu. Opravte kritické chyby (chybějící alt texty, chybějící labely formulářů, přeskočené nadpisy). Pak rozšiřte na celý web.
Best practices: přístupnost jako GEO strategie
- Alt texty pište jako kontext pro AI odpověď. Ptejte se: „Kdyby AI citovala tento obrázek, jakou informaci by měla předat?“ To je vodítko pro správný alt text.
- Sémantické HTML považujte za signál, ne za formalitu.
<main>říká AI „tady je obsah“.<nav>říká „tohle přeskoč“. Bez těchto značek AI hádat musí. - Jeden H1, jasná hierarchie. Nadpisy jsou osnova, kterou AI čte jako první. Chaotická struktura = chaotické pochopení.
- Testujte se screen readerem. Pokud vám vaše stránka dává smysl, když ji posloucháte se zavřenýma očima, dává smysl i AI.
- Netlačte obsah do JavaScriptu. Většina AI crawlerů JavaScript neexekuuje. Klíčový obsah musí být v HTML.
- Neschovávejte text do obrázků. Text v obrázku (bannery, infografiky bez textového ekvivalentu) je pro AI neviditelný. Vždy mějte textovou alternativu.
- Popisné anchor texty. „Přečtěte si náš průvodce schema.org“ je lepší než „klikněte zde“ — pro uživatele, pro screen reader i pro AI.
Časté chyby
- „Alt text vyplníme později.“ Později většinou znamená nikdy. U webů s tisíci obrázky je to systematický problém, který se s každým novým obsahem prohlubuje.
- Alt text = název souboru. „IMG_4521.jpg“ nebo „produkt-foto-3″ AI neřekne nic. Je to stejné jako chybějící alt text — jen zabírá místo.
- Nadpisy jako designový prvek. Použití H3 místo H2, protože „lépe vypadá“, rozbíjí hierarchii a mate AI i screen readery.
- Placeholder místo labelu u formulářů. Placeholder text (šedý text uvnitř pole) zmizí, když uživatel začne psát. Není to náhrada za
<label>— a pro AI agenty je pole bez labelu neidentifikovatelné. - ARIA jako záplata na špatné HTML. ARIA atributy doplňují sémantické HTML, nenahrazují ho. Přidání
role="navigation"na<div>je horší řešení než použití<nav>. Podle WebAIM Million 2026 mají stránky s více ARIA atributy paradoxně více chyb přístupnosti — protože ARIA kompenzuje špatný základ. - Spoléhání na automatické overlay widgety. Pluginy, které slibují „přístupnost jedním klikem“ (overlay widgety), řeší jen vizuální úpravy (velikost textu, kontrast), ale neřeší strukturální problémy v HTML. Pro AI čitelnost nemají žádný přínos.
Přístupnost v kontextu dalších GEO signálů
Přístupnost se přirozeně prolíná s dalšími signály na vašem webu:
- Struktura HTML — přístupnost a struktura HTML jsou dvě strany téže mince. Sémantické značky slouží oběma účelům současně. Pokud máte správnou HTML strukturu, máte z velké části vyřešenou i přístupnost.
- Schema.org — strukturovaná data doplňují to, co sémantické HTML začalo. Alt text říká „co je na obrázku“, schema říká „co tento obrázek reprezentuje v kontextu celé stránky“.
- Mobile Friendly — responzivní design a přístupnost sdílejí principy: čitelnost na malém displeji, dostatečně velké klikací plochy, logický tab order.
- E-E-A-T signály — přístupný web signalizuje profesionalitu a péči o uživatele. AI modely to vnímají jako nepřímý důkaz kvality.
- Core Web Vitals — mnoho přístupnostních praktik (komprimované obrázky s alt texty, absence zbytečných animací, čisté HTML) současně zlepšuje rychlost načítání.
Závěr: jedna investice, dva výsledky
Přístupnost webu je unikátní GEO signál, protože řeší dva problémy najednou. Investice do alt textů, sémantického HTML a správné hierarchie nadpisů zlepšuje zážitek pro uživatele s postižením — a současně zlepšuje čitelnost webu pro AI modely.
V roce 2026, kdy legislativa (European Accessibility Act, ADA Title II) přístupnost vyžaduje a AI vyhledávání ji zohledňuje, není důvod přístupnost odkládat. Není to technický dluh, který „jednou vyřešíme“. Je to investice, která se vrací dvakrát — v lepší AI viditelnosti a v souladu s právními požadavky.
Pravidlo pro AI éru: Co nepřečte screen reader, nepřečte ani AI. Přístupný web je čitelný web — a čitelný web je citovatelný web.