Report oprav

Report oprav přístupnosti

Váš web testujeme podle WCAG 2.2 A a AA ve skutečném prohlížeči, jeho hlavní cestu projdeme jen klávesnicí (u obchodu až k tlačítku pokladny) a vašemu vývojáři dáme ke každé bariéře změnu sestavenou z vašeho vlastního kódu.

  • Až 25 testovaných stránek
  • Test průchodu klávesnicí
  • 5 opakovaných testů v ceně

Co kontrolujeme

  • Pravidla WCAG 2.2 A a AA

    Automatizované testy axe-core na vašich klíčových stránkách a až 20 dalších ze sitemapy: alternativní text, barevný kontrast, názvy tlačítek a odkazů, popisky formulářů, nadpisy, orientační oblasti (landmarks) a ARIA.

  • Test průchodu klávesnicí

    Jen pomocí klávesnice: u obchodu z domovské stránky na produkt, k jeho volbám, tlačítku Přidat do košíku a do košíku, se zastavením u tlačítka pokladny; u ostatních webů z domovské stránky na klíčovou stránku, k její hlavní výzvě k akci a k polím formuláře. Nic se nikdy neodesílá.

  • Pasti fokusu a viditelný fokus

    Zda se fokus zasekne, například v cookie liště, a zda návštěvníci vidí, kde se nachází.

  • Přeformátování na telefonu při 320 px

    Zda stránky na malém telefonu nevyžadují vodorovné posouvání (WCAG 1.4.10).

  • Mapa tvrzení z předžalobní výzvy

    Pokud vložíte výzvu, každé tvrzení porovnáme s tím, co naše testy reprodukovaly, i s počtem výskytů na jednotlivých stránkách.

  • Položky k ruční kontrole

    Co testy označí, ale nemohou rozhodnout, například text přes obrázky, i s postupem, jak každou položku ověřit.

Co dostanete

  • Seznam podle priorit: opravit hned, opravit potom, vylepšit
  • Kód před a po sestavený z každého chybného prvku
  • Postup pro Shopify, WordPress, WooCommerce nebo platformu, kterou rozpoznáme
  • Hotový AI prompt ke každému zjištění
  • Snímky obrazovky s ohraničeným chybným prvkem
  • Návrh prohlášení o přístupnosti a záznam důkazů
  • 5 opakovaných testů k ověření oprav a PDF

Jak report vzniká

  1. 1

    Pět stránek z vašeho bezplatného skenu a až 20 dalších ze sitemapy načteme v prohlížeči Chromium a otestujeme nástrojem axe-core.

  2. 2

    Samostatná relace prohlížeče projde hlavní cestu webu jen klávesnicí a zaznamená každý krok, se snímkem obrazovky tam, kde něco selže.

  3. 3

    Ke každé chybě napíšeme opravu pro vaši platformu, pak report sestavíme a pošleme vám ho e-mailem.

Zjištění z ukázkového reportu

Skutečný výstup pro Harbor & Pine, smyšlený obchod, který jsme vytvořili s běžnými problémy.

Otevřít celý ukázkový report
  • Critical

    @axe/button-name/help{"$en":"Buttons must have discernible text"}

    @axe/button-name/help{"$en":"Buttons must have discernible text"}: the failing element outlined in red

    41 instances on 9 pages. WCAG 4.1.2 requires every control to have a name. Unnamed buttons often include quantity steppers, close buttons and slider arrows.

    Fix: Add visible text, visually hidden text, or an aria-label that says what the button does (for example {a} or {b}).{"a":"aria-label=\"Close\"","b":"aria-label=\"Increase quantity\""}

  • Critical

    @axe/image-alt/help{"$en":"Images must have alternative text"}

    @axe/image-alt/help{"$en":"Images must have alternative text"}: the failing element outlined in red

    22 instances on 7 pages. WCAG 1.1.1 requires a text alternative for meaningful images. Without it, a screen reader user can't tell which product a photo shows.

    Fix: Describe what matters to a shopper: product name, color and the angle shown (for example 'Canvas tote in olive, front view').

  • Critical

    @axe/label/help{"$en":"Form elements must have labels"}

    @axe/label/help{"$en":"Form elements must have labels"}: the failing element outlined in red

    7 instances on 6 pages. WCAG 1.3.1, 3.3.2 and 4.1.2 require form fields to have labels. Newsletter sign-up and search fields are common offenders.

    Fix: Placeholder text alone does not count as a label.

Co report nepokrývá

  • Výstup čteček obrazovky, titulky a zvukový popis (součástí je kontrolní seznam pro ruční ověření)
  • Pokladna, platba a odesílání formulářů
  • Stránky za přihlášením
  • Právní rada ani certifikát shody s ADA nebo EAA

Otázky k tomuto reportu

Je to úplný audit WCAG?

Jde o automatizovaný audit doplněný testem průchodu klávesnicí. Automatizované testy najdou jen část problémů s WCAG na webu, proto report uvádí i to, co musí zkontrolovat člověk, a jak na to.

Pomůže s předžalobní výzvou podle ADA?

Pokud výzvu vložíte, report ukáže, která tvrzení naše testy na vašem webu reprodukují, i s důkazy. Je to věcný záznam, ne právní rada; o samotné výzvě se poraďte s advokátem.

Pro které platformy je kód určený?

Opravy píšeme pro platformu, kterou rozpoznáme: motivy Shopify, WordPress a WooCommerce, Webflow, BigCommerce, Wix, Squarespace, frameworky jako Next.js nebo čisté HTML. Kde do vašeho zdrojového kódu nevidíme, uvádíme umístění souborů jako tipy.

Co je 5 opakovaných testů?

Až váš vývojář provede změny, můžete z reportu spustit stejné kontroly znovu, nejvýše pětkrát, a uvidíte, které problémy se už nereprodukují.

Otestujte svůj web ještě dnes

Najít. Opravit. Ověřit.

O jaký typ webu jde?

Vaše odpověď určí správné kontroly, například nákupní cestu u e-shopů. Přesto ověříme vlastní znaky webu a ukážeme obojí.

O jaký typ webu jde?

Sken zdarma. Bez platební karty.