Skenery vidí jen veřejné stránky. SDK ukáže, kde se vaši skuteční návštěvníci zasekávají.
Košík, pokladna, zákaznický účet, obrazovky po přihlášení: tam se skener nikdy nedostane. Přidejte SDK jedním řádkem a problémová místa se objeví v panelu Pandus: která stránka, který prvek, kolik návštěvníků na ně narazilo. Testujte přístupnost na skutečném provozu, ne odhadem.
- Jeden řádek kódu, asi 5 KB
- Před souhlasem se nic neodesílá
- Data v UK a EU
Jak to vypadá
Co vidí skener a co přidává SDK
Týdenní skener kontroluje veřejné stránky tak, jak je vidí host. SDK pracuje uvnitř skutečných návštěv, takže dohromady dávají pořadí podle skutečného provozu.
| Skener + SDK | Jen skener | |
|---|---|---|
| Veřejné stránky | Ano | Ano |
| Košík, pokladna, zákaznický účet | Ano | Ne |
| Otevřená okna, nabídky a stavy po kliknutí | Ano | Částečně |
| Skutečná zařízení, zvětšení a klávesnice | Ano | Ne |
| Kolik návštěvníků problém zasáhne | Ano | Ne |
| Pořadí oprav podle skutečného provozu | Ano | Ne |
| Ověří, že oprava návštěvníkům pomohla | Ano | Ne |
Jak to funguje
Tři kroky a ve druhém vaši návštěvníci prostě používají web.
-
1
Přidejte jeden řádek kódu
Vložte úryvek, potvrďte doménu a panel ukáže „SDK funguje“, jakmile první návštěvník souhlasí.
-
2
Návštěvníci používají web
S jejich souhlasem SDK zaznamená, kde se lidé zasekávají: uvězněný fokus, ovládací prvky bez názvu, formuláře, které nevysvětlí chyby, stránky, které se po zvětšení rozpadnou.
-
3
Dostanete seznam, co opravit nejdřív
Nálezy skeneru, živé signály, rozšíření prohlížeče a hlášení bariér skončí v jednom seznamu seřazeném podle závažnosti a skutečného provozu.
Co SDK zachytí při skutečných návštěvách
Každý signál patří ke stránce, prvku a kritériu úspěchu WCAG. Popisuje stránku, nikdy člověka.
| Signál | Co znamená | WCAG |
|---|---|---|
| Past fokusu | Tab a Shift+Tab krouží v několika prvcích a Esc nepomůže ven | 2.1.2 |
| Ztracený fokus | Po zavření okna nebo odstranění prvku spadne fokus na body stránky | 2.4.3 |
| Neviditelný fokus | Prvek s fokusem se viditelně nezmění | 2.4.7, 2.4.11 |
| Zakrytý fokus | Přilepená hlavička nebo lišta zakrývá prvek s fokusem | 2.4.11 |
| Skoky v pořadí fokusu | Další fokus skáče proti vizuálnímu pořadí stránky | 2.4.3 |
| Prvek bez sémantiky | Klikací prvek nemá roli ani název a z klávesnice se k němu nedostanete | 4.1.2, 2.1.1 |
| Fokus ve skrytém obsahu | Fokus skončí v části skryté před asistivními technologiemi | 4.1.2 |
| Neohlášené chyby formuláře | Formulář neprojde bez aria-invalid nebo propojené zprávy, nebo se odesílá znovu a znovu | 3.3.1, 3.3.3 |
| Přeskupení a zvětšení | Vodorovné posouvání při 320 CSS px nebo po zvětšení, oříznutý text | 1.4.10, 1.4.4 |
| Automatické přehrávání se zvukem | Video nebo zvuk se spustí bez kliknutí | 1.4.2 |
| Živý axe | axe-core běží na malém vzorku skutečných stavů stránky: otevřená okna, košík, účet | dle pravidla |
| Vzteklá a mrtvá kliknutí | Opakovaná kliknutí bez reakce stránky | — |
Odkaz „přeskočit na obsah“, který návštěvníci opravdu používají, se počítá jako pozitivní signál. Hlášení z formuláře „Nahlásit bariéru“ se propojí se stránkou a jejími signály.
Jeden seznam: co opravit nejdřív
O pořadí a radách rozhodují pravidla a karty pravidel. Žádné hádání AI.
-
Čtyři zdroje, jeden seznam
Nálezy skeneru, živé signály, kontroly rozšíření a hlášení bariér, u každého problému štítky zdrojů. Filtry podle stavu, stránky, WCAG, závažnosti a řešitele.
-
Priorita ze skutečného provozu
Závažnost × podíl zasažených relací × provoz stránky × potvrzení skenerem a návštěvníky × hlášení bariér. Bariéra v kroku před nákupem jde nahoru.
-
Karta pro každý problém
Proč je důležitý pro byznys, kde se vyskytuje, důkazy (snímek, selektor, graf živých signálů, nahrávky, výřez heatmapy) a jak ho opravit v Shopify, WooCommerce, PrestaShop, Shoptet nebo v kódu.
-
Opraveno, pak potvrzeno
Otevřeno → řeší se → opraveno → potvrzeno, když živý signál klesne pod práh, nebo „vrátilo se“. „Ověřit opravu“ spustí skener znovu a sleduje živý provoz.
-
Index zdraví 0–100
Jedno číslo ze skeneru a živých bariér, se vzorcem na jedno kliknutí a vývojem v čase.
-
Týdenní souhrn a upozornění na výkyvy
Nové bariéry, co se potvrdilo jako opravené, a náhlé výkyvy e-mailem a v Telegramu. Prudký nárůst pošle upozornění hned.
Chování: heatmapy, nahrávky, frustrace, rychlost
Uvidíte, jak se lidé po stránce pohybují, a každý text i každé pole se zamaskuje dřív, než cokoli opustí prohlížeč.
-
Heatmapy
Kliknutí, fokus klávesnice, hloubka posouvání, pozornost, vzteklá a mrtvá kliknutí na snímku stránky, podle šablony a zařízení. Každá vrstva má i tabulku.
-
Nahrávky relací
Nahrávané pomocí rrweb jen po souhlasu s „nahrávkami“: veškerý text a všechna pole zamaskovaná, platební pole nikdy vidět, podíl relací a denní limit podle tarifu.
-
Přehrávač ovladatelný klávesnicí
Přeskočení nečinnosti, rychlost, skoky na momenty bariér a frustrace na časové ose, odkaz na moment, otevření karty problému.
-
Frustrace
Vzteklá, mrtvá a chybová kliknutí, rychlé návraty, nadměrné posouvání a opuštěné formuláře s posledním polem (nikdy jeho hodnotou), podle stránek.
-
Rychlost
Web Vitals podle stránek a zařízení na 75. percentilu: LCP, INP, CLS, FCP a TTFB, u každého prvek, který za ním stojí.
-
Chyby JavaScriptu
Seskupené podle zprávy, se zásobníky očištěnými od URL a osobních údajů, propojené s kliknutími, která je způsobila.
Soukromí zabudované, ne přilepené
Pandus zpracovává data vašich návštěvníků vaším jménem jako zpracovatel podle naší smlouvy o zpracování osobních údajů.
- Nejdřív souhlas. Před souhlasem návštěvníka se nic neodešle, neuloží ani nenastaví. Naše vlastní přístupná lišta nebo odpověď Cookiebot, CookieYes, Complianz či Google Consent Mode.
- Žádné profilování lidí. Žádné rozpoznávání čteček obrazovky ani postižení, žádné štítky relací, žádné filtry podle způsobu ovládání.
- Maskování ve výchozím stavu. Hodnoty polí se nikdy nesbírají. Nahrávky maskují veškerý text; platby a blokované části zůstávají skryté vždy.
- Čisté adresy a žádná IP v úložišti. Zůstanou jen povolené parametry dotazu, e-maily a tokeny se vyřežou. IP určí zemi a zahodí se.
- Ukládání v UK a EU. Události v Londýně, nahrávky v Německu, doba uchování podle tarifu, smazání na žádost.
Maskováno v prohlížeči, ne až potom
Nahrávky ukazují rozvržení a co lidé dělali, ne co psali nebo četli. Text se mění na hvězdičky a pole na tečky v prohlížeči návštěvníka, dřív než se odešle jediný bajt.
- Vstupní pole, platební pole a prvky označené data-pandus-mask nebo data-pandus-block jsou skryté vždy.
- Text vybraných prvků, třeba navigace, můžete ukázat, text polí nikdy.
- Stránky, které vyloučíte, například platbu nebo účet, se vůbec nenahrávají.
Analytika na úrovni GA4, po souhlasu
Vše, k čemu používáte GA4, plus bariéry na každém kroku, na jednom místě.
-
Přehledy
Reálný čas, provoz s porovnáním období a poznámkami, zdroje a kanály s prvním a posledním kliknutím, stránky, události, konverze, publikum podle země, zařízení, prohlížeče a jazyka.
-
Trychtýře, cesty a retence
Otevřené a uzavřené trychtýře s bariérami mezi kroky, cesty k události a od ní, týdenní kohorty.
-
E-commerce
Schéma e-commerce GA4: produkty, košík, kroky pokladny a tržby ve vaší měně.
-
Události bez kódu
Kliknutí na selektor, zobrazení URL, odeslání formuláře, prvek se stane viditelným: vytvořte v panelu nebo ukažte prvek v rozšíření a počítá se zpětně.
-
Chytré události
Přidání do košíku, pokladna, nákup, registrace, přihlášení, kontakt a lead se rozpoznávají v sedmi jazycích. Vy je potvrdíte nebo vypnete.
-
Tvůrce přehledů, upozornění, API
Dimenze × metriky jako tabulka nebo graf, uložené přehledy, upozornění typu „konverze klesla o 30 %“, export CSV a API pro čtení.
Váš web živě v rozšíření prohlížeče
Otevřete vlastní web a uvidíte data SDK přímo na něm. Rozšíření nežádá nová oprávnění.
-
Značky bariér na stránce
„Fokus se tu zasekl 214× za 7 dní“ přímo u prvku, s problémy této stránky a jejich stavem.
-
Heatmapa nad živou stránkou
Kliknutí, fokus a vzteklá kliknutí nad otevřenou stránkou, ve vrstvě Shadow DOM, která nesahá na vaše styly.
-
Ladicí nástroj SDK
Je SDK na této stránce, které moduly běží, stav souhlasu, chyby CSP a živý proud událostí této karty.
-
Ověření opravy ze stránky
Místní kontrola axe plus žádost pro skener; problém čeká na potvrzení od živých návštěvníků.
Pro agentury
Všechny weby klientů pod vaší značkou a co ukázat ještě před instalací kódu.
-
Portfolio
Každý web klienta v jedné tabulce: index zdraví, živé bariéry, provoz, stav SDK a trend, s filtrem „tento týden se zhoršilo“.
-
Odkaz pro klienta
Odkaz jen ke čtení s oddíly podle vašeho výběru. Analytika a nahrávky zůstanou vypnuté, dokud je nezapnete.
-
Bloky SDK v white-label reportech
Živé bariéry, co se opravilo a potvrdilo, konverze před a po, s vaším logem a barvami.
-
Demo režim
Otevřete panel na demo datech Pandus, jasně označených jako ukázka, a ukažte klientovi přínos ještě před instalací.
Funguje s vašimi nástroji
-
Jakýkoli web
Jeden tag script v head. Wix, Tilda, Webflow a další přes pole vlastního kódu; jednostránkové aplikace se sledují přes History API.
-
WordPress a WooCommerce
Plugin Pandus přidá SDK jedním tlačítkem a posílá objednávky WooCommerce ze serveru, takže blokovač v prohlížeči nákup neztratí.
-
Shopify
Vložte úryvek do theme.liquid. Lišta souhlasu obchodu předá volbu návštěvníka do SDK.
-
Google Tag Manager
Šablona značky pro instalaci SDK a volitelný import událostí z dataLayer.
-
Události z vašeho serveru
Endpoint ve stylu GA4 Measurement Protocol pro objednávky, vrácení a další události backendu.
-
MCP server pro AI asistenty
Propojte Pandus s Claude, Cursor nebo jiným MCP klientem: asistent čte, co opravit, kartu pravidla a živé bariéry a po opravě spustí novou kontrolu, jen s právy z vašeho tokenu.
Otevřený kód
Prohlížečové SDK má otevřený kód pod licencí MIT. Kdokoli si může přečíst, co přesně sbírá a jak maskuje data, než cokoli opustí stránku.
-
Zdrojový kód na GitHubu
github.com/Pandus-Online/Pandus-SDK · MIT
Zdrojový kód na GitHubu -
Balíček npm
@pandus/sdk · Instalace přes npm nebo yarn, typovaný, s pomocníky pro React, Next.js, Vue a Nuxt.
Balíček npm
Limity podle tarifu
SDK je součástí tarifů Pro a Agency. Limity sdílejí všechny weby týmu.
| Tarif | Webů se SDK | Událostí za měsíc | Nahrávek za měsíc | Uchování událostí, dny | Uchování nahrávek, dny | Vzorek živého axe |
|---|---|---|---|---|---|---|
| Pro | 1 | 1 500 000 | 300 | 395 | 30 | 2 % |
| Agency 10 | 10 | 6 000 000 | 1 000 | 395 | 30 | 2 % |
| Agency 25 | 25 | 15 000 000 | 2 500 | 395 | 30 | 2 % |
| Agency 50 | 50 | 30 000 000 | 5 000 | 395 | 30 | 2 % |
Jedno zobrazení stránky je asi 15 událostí. Signály bariér se počítají zvlášť a omezují se jako poslední, když se limit vyčerpá. Ceny jsou v Cenách.
Co SDK nedělá
Poctivost je součástí produktu.
- Nemění ani „neopravuje“ váš web a není overlay.
- Neidentifikuje lidi, jejich zdraví ani asistivní technologie, které používají.
- Nesbírá, co návštěvníci píšou do polí.
- Automatické kontroly nejsou úplný audit ani právní poradenství. Ruční kontrola je dál potřeba.
Časté otázky
Je Pandus SDK overlay?
Ne. SDK na webu nic nemění a samo nic neopravuje. Přidává jen vlastní prvky: lištu souhlasu a volitelné tlačítko „Nahlásit bariéru“. Měří, kde návštěvníci narážejí na bariéry, aby váš tým opravil kód. Více o tom, proč overlaye nefungují.
Zjišťuje SDK, kteří návštěvníci mají postižení?
Ne a nikdy se o to nepokouší. Signály bariér jsou anonymní: popisují stránku a prvek, ne člověka. SDK nikdy neoznačí osobu ani relaci jako uživatele čtečky obrazovky nebo člověka s postižením. Předvolby zobrazení, třeba omezený pohyb, ukazuje jen jako podíly a jen při nejméně 20 relacích.
Co se sbírá, než návštěvník souhlasí?
Nic. V EU, EHP, UK a neznámých zemích SDK neodešle žádný požadavek, nenastaví cookie a nic neuloží, dokud návštěvník nesouhlasí. Naše testy ověřují právě to. Pokud web už má nástroj pro souhlas, SDK přečte jeho odpověď a vlastní lištu neukáže.
Kde jsou data uložena?
Události v ClickHouse Cloud v Londýně (UK, s rozhodnutím EU o odpovídající ochraně). Nahrávky relací v Hetzner Object Storage ve Falkensteinu v Německu. Úplný seznam je na stránce zpracovatelů.
Zpomalí to můj web?
Zavaděč má asi 5 KB gzip a načítá se asynchronně. Moduly se načtou až po souhlasu a jen když jsou zapnuté. Události odcházejí v dávkách v době nečinnosti a naše end-to-end testy ověřují, že náš kód nezpůsobí long task delší než 50 ms.
Které tarify obsahují SDK?
Pro a Agency. Limity tarifů jsou v tabulce na této stránce a v Cenách. Na tarifu Free zůstává tlačítko „Nahlásit bariéru“ a stránka o přístupnosti beze změny.
Znamená čistý panel, že web splňuje EAA?
Ne. SDK i skener jsou automatické kontroly, ne úplný audit a ne právní poradenství. Ukazují, kde se lidé zasekávají a co opravit nejdřív; ruční kontrola je dál potřeba.
Může ho agentura používat pro weby klientů?
Ano. Tarify Agency nabízejí portfolio všech webů klientů, odkazy pro klienta jen ke čtení, bloky SDK v white-label reportech a demo režim, který ukáže obrazovky ještě před instalací.
Podívejte se, kde se vaši návštěvníci zasekávají
Nainstalujte SDK na tarifu Pro nebo Agency, nebo si nejdřív řekněte o demo panel.