Přejít na hlavní obsah
Seviranta

Takto vypadá skutečná dokumentace o compliance

Toto není marketingový příklad ani shrnutí. Níže vidíte úplnou, nezkrácenou zprávu, vygenerovanou přesně stejným skenovacím jádrem, které bude později průběžně testovat i vaši platformu.

Co tento příklad ukazuje

Skutečný sken, žádná inscenace

Vytvořeno na našem vlastním demo prostředí se záměrně zabudovanými chybami. Není sestaveno ani upraveno pro prezentaci.

Stejné jádro jako v produkci

Toto je přesně stejný sken a hloubka, která bude později posuzovat vaše stránky.

Nezkráceně, řádek po řádku

Každé zjištění včetně přesného umístění a konkrétní opravy. Nic vynecháno, nic přikrášleno.

Škálovatelné od jednoho e-shopu po enterprise

Stejná norma, stejná hloubka a stejné důkazní podklady, bez ohledu na velikost vaší platformy.

Jak tento příklad vznikl

Tohle je skutečný sken našeho vlastního demo obchodu „Nordlys Living“, fiktivního e-shopu, do kterého jsme záměrně vložili chyby, na které v praxi narážíme nejčastěji: obrázky bez alt textu, příliš nízký barevný kontrast, pole bez popisku, tlačítko a odkaz beze jména. Můžete si demo stránku prohlédnout sami. Nic v této zprávě není vymyšlené ani přibarvené, co motor našel, vidíš níže.

Výsledek pro https://seviranta.com/demo-winkel.html

Vysoké riziko

5 porušení · 12 míst na této stránce neprocházejí testem WCAG 2.1 & 2.2 AA.

Máš zákonnou povinnost splnit European Accessibility Act. Přihlas se k průběžnému auditu a vyhni se pokutám.

5
porušení, strojově jistá
1
bodů, vyžadují ruční kontrolu
15
úspěšných kontrol

Testováno podle EN 301 549 (WCAG 2.1 AA) + WCAG 2.2 AA pomocí axe-core 4.11.4. Automatizované testování spolehlivě detekuje přibližně 57 % problémů; body ke kontrole vyžadují lidský úsudek. Toto není prohlášení o úplném souladu.

Podle kritérií WCAG

Stejná porušení, seskupená podle kritéria úspěšnosti, kterého se týkají.

  • 1.4.3 Kontrast (minimální)7 míst
  • 4.1.2 Název, role, hodnota3 míst
  • 1.1.1 Netextový obsah2 míst
  • 2.4.4 Účel odkazu (v kontextu)1 místo

Porušení, strojově jistá

  • Kritické1× na této stránce

    Co to znamená · Tlačítko bez názvu se přečte jen jako „tlačítko“, pro nevidomé nepoužitelné. Často se týká tlačítka košíku a vyhledávání.

    Jak to opravit · Dejte tlačítku text nebo aria-label popisující akci („Přidat do košíku“, „Hledat“).

    Na vaší stránce

    Špatně · <button class="icon-btn"><span aria-hidden="true">🔍</span></button>
    Správně · <button aria-label="Přidat do košíku"><svg>…</svg></button>

    WCAG wcag2a, wcag412 · Technický název: Buttons must have discernible text · technický zdroj pro vašeho vývojáře

  • Závažné7× na této stránce

    Co to znamená · Text s příliš nízkým kontrastem je nečitelný pro slabozraké i při ostrém slunci na displeji telefonu. Jde o zdaleka nejčastější nález podle EAA v e-shopech.

    Jak to opravit · Ztmavte nebo zesvětlete barvu textu či pozadí, dokud poměr kontrastu nedosáhne alespoň 4,5:1 (3:1 u velkého textu). V Shopify: nastavení šablony → barvy; barvy tlačítek a textu upravíte jednou a změna platí pro celou šablonu.

    Na vaší stránce

    Ukázkový textnaměřeno 1,87:1, vyžadováno 4,5:1#b8b2a7 na #f4f1ec
    Ukázkový textnaměřeno 1,52:1, vyžadováno 4,5:1#ffffff na #a8dadc
    Ukázkový textnaměřeno 1,73:1, vyžadováno 4,5:1#c9c4bb na #ffffff

    WCAG wcag2aa, wcag143 · Technický název: Elements must meet minimum color contrast ratio thresholds · technický zdroj pro vašeho vývojáře

  • Kritické2× na této stránce

    Co to znamená · Obrázky bez alternativního textu jsou pro odečítače obrazovky neviditelné. U produktových fotografií to znamená, že nevidomý zákazník neví, o jaký produkt jde.

    Jak to opravit · Každému informativnímu obrázku dejte krátký alternativní text popisující, co je na něm. V Shopify: produkt → média → „upravit alternativní text“. Čistě dekorativní obrázky dostanou prázdný alt (alt="").

    Na vaší stránce

    Špatně · <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 140'%3E%3Crect fill='%23dfe7e2' width='220' height='140'/%3E%3Ccircle cx='110' cy='70' r='38' fill='%238aa39b'/%3E%3C/svg%3E" width="220" height="140">
    Správně · <img src="pes.jpg" alt="Hnědé štěně labradora s obojkem">

    …a 1 podobný prvek na této stránce.

    WCAG wcag2a, wcag111 · Technický název: Images must have alternative text · technický zdroj pro vašeho vývojáře

  • Kritické1× na této stránce

    Co to znamená · Vstupní pole bez popisku nelze ovládat odečítačem obrazovky a jsou obtížná pro každého s postižením. Týká se polí pro vyhledávání, přihlášení i pokladnu.

    Jak to opravit · Propojte s každým vstupním polem viditelný prvek <label> (přes for/id), nebo použijte aria-label, pokud pro viditelný text není místo.

    Na vaší stránce

    Špatně · <input type="email" name="email">
    Správně · <label for="email">E-mailová adresa</label><input id="email" type="email">

    WCAG wcag2a, wcag412 · Technický název: Form elements must have labels · technický zdroj pro vašeho vývojáře

  • Závažné1× na této stránce

    Co to znamená · Odkaz bez čitelného textu (např. pouze ikona) přečte odečítač obrazovky jen jako „odkaz“ bez cíle, návštěvník neví, kam vede.

    Jak to opravit · Dejte odkazu viditelný text, nebo aria-label / skrytý text popisující cíl (např. „Zobrazit košík“ místo holé ikony košíku).

    Na vaší stránce

    Špatně · <a href="#cart"><span aria-hidden="true">🛒</span></a>
    Správně · <a href="/kosik" aria-label="Zobrazit košík"><svg>…</svg></a>

    WCAG wcag2a, wcag244, wcag412 · Technický název: Links must have discernible text · technický zdroj pro vašeho vývojáře

Vyžaduje ruční kontrolu

  • Závažné1× na této stránce

    Co to znamená · Text s příliš nízkým kontrastem je nečitelný pro slabozraké i při ostrém slunci na displeji telefonu. Jde o zdaleka nejčastější nález podle EAA v e-shopech.

    Jak to opravit · Ztmavte nebo zesvětlete barvu textu či pozadí, dokud poměr kontrastu nedosáhne alespoň 4,5:1 (3:1 u velkého textu). V Shopify: nastavení šablony → barvy; barvy tlačítek a textu upravíte jednou a změna platí pro celou šablonu.

    Na vaší stránce

    Špatně · <h2>Get 10% off your first order</h2>

    WCAG wcag2aa, wcag143 · Technický název: Elements must meet minimum color contrast ratio thresholds · technický zdroj pro vašeho vývojáře

Proč na tom záleží

European Accessibility Act platí od 28. června 2025, není to budoucí povinnost, ale platné právo. Členské státy musí ukládat sankce, které jsou „účinné, přiměřené a odrazující“. A s každým návštěvníkem, který tvůj web nemůže používat, navíc ztrácíš zákazníka, který nenakoupí. Dobrá zpráva: strojově jistá porušení výše se dají vyřešit.

Co může stát nedodržení

  • Nizozemsko, až desítky tisíc eur za porušení plus penále; ACM aktivně vymáhá a v roce 2026 písemně vyzvala e-shopy s nejhoršími výsledky.
  • Německo, až 100 000 € (BFSG).
  • Francie, až 50 000 € za online službu (Arcom).
  • Španělsko, 90 000 € skutečně uloženo společnosti Vueling (potvrzeno soudem Audiencia Nacional).
  • V roce 2024 bylo zažalováno 1 023 e-shopů s overlay widgetem, widget je neochránil.

Podle EAA se první vymáhání a soudní spory rozběhly v letech 2025-2026; plošné pokutování je teprve na začátku. Toto jsou zákonná maxima.

Past jménem overlay

Widgety slibující, že váš web jedním řádkem kódu udělají „100% přístupným“, podkladový kód neopraví, položí přes něj vrstvu, mohou zavést nové problémy a nechrání vás před žalobami. Americký regulátor FTC udělil v roce 2025 známému poskytovateli overlay pokutu 1 milion $ za zavádějící tvrzení o souladu. My děláme pravý opak: ukazujeme, co se skutečně děje a jak to skutečně vyřešit.

Kolik stojí hlídat si to sami?

Hrubý odhad na základě vašeho skenu, upravte si čísla podle vlastní situace.

Těchto 12 míst na této stránce zabere odhadem 3 hod. 270 € času na opravu.

A to je jen jednorázová oprava. Tvůj web se neustále mění, bez monitoringu se vkrádají stále nové chyby a začíná to znovu. Seviranta to průběžně nachází a hlídá, takže práci uděláš cíleně a napoprvé správně.

Odhad, nikoli nabídka. Skutečná práce závisí na tom, jak je váš web postaven, znovupoužitelné komponenty a šablony hodně ušetří.

Součástí každého tarifu

Tvoje prohlášení o přístupnosti, generováno automaticky

Z úplného auditu vytvoříme tvé zákonem vyžadované prohlášení o přístupnosti, pro EU, USA nebo celý svět, připravené k publikování na tvém webu. Vytvoř si účet a vygeneruj a stáhni si je.

Vytvořit účet
Toto je jednu stránku. Audituj teď celý svůj web každou stránku, seskupeno podle chyby. Průběžný, archivovatelný spis je součástí tarifů.Auditovat celý můj web

Zajímá vás, co stejný motor najde na vašem webu?

Sken zdarma prověří jednu stránku vašeho webu do plné hloubky. Žádný účet, žádná platební karta a nic neukládáme.