Udělej svůj web na Webflow opravdu přístupný. EAA a WCAG, bez overlaye

Pravda: Webflow není automaticky přístupný

Webflow Designer generuje čisté HTML a vlastní komponenty Webflow (Tabs, Dropdown, Navbar, Slider) jsou podle samotného Webflow přístupné přes ARIA i z klávesnice. Problém nastává v tom, co si stavíte sami: záložky, modální okna a tlačítka vytvořená z divů s interakcemi nedostanou žádnou roli ani stav, styl fokusu musíte všude nastavit sami, Audit panel kontroluje jen čtyři věci a Lightbox nepodporuje alt text. Přesně tam se nálezy objevují.

Co se na Webflow často kazí

• Custom taby bez role a aria-selectedKdyž si v Designeru postavíš vlastní taby, zůstanou to obyčejné divy. Bez role="tab", aria-selected a aria-controls na tlačítkách tabů čtečka obrazovky nepozná, že jde o taby ani který je aktivní. Přidáš je ručně přes Custom Attributes.
• Dropdowny a modaly bez správy keyboard trapuInterakce Webflow často otevřou dropdown nebo modal, aniž by přesunuly nebo udržely fokus. Uživatelé klávesnice se odtabují za overlay a ztratí přehled o obsahu.
• Div tlačítka bez role a tabindexDiv s click interakcí vypadá jako tlačítko, ale není jím. Bez role="button" a tabindex="0" přes Custom Attributes je nedosažitelný pro uživatele klávesnice a čteček obrazovky.
• Obrázky v Lightboxu bez alt textuLightbox ve Webflow nepodporuje alt text u obrázků, které obsahuje, a Audit panel na to neupozorní. Každá produktová fotografie nebo obrázek z portfolia v lightboxu je tak pro čtečky obrazovky neviditelný. Zvolte jiné řešení galerie nebo obrázek popište v okolním textu.

Jak vypadá skutečná oprava

Vezmi si custom tab komponentu, kterou jsi v Designeru poskládal z divů. Čtečka obrazovky pak slyší jen „skupina“ místo řady tabů. Oprava sídlí kompletně v Custom Attributes, žádná přestavba: nastav na tlačítka tabů role="tab", aria-selected a aria-controls.

<div class="tab-link">Overzicht</div>

<div class="tab-link"
  role="tab"
  aria-selected="true"
  aria-controls="panel-overzicht">Overzicht</div>

Co dostaneš

U reportovacího nástroje platíš licenci i své vývojáře, aby chyby opravili. U Seviranta je oprava součástí, žádný dvojí účet.

Ochraň svou konverzi i svůj právní status

Aplikace, která na tvůj web na Webflow nalepí ikonu přístupnosti, je riziko pro tvůj byznys. Fakta v kostce:

Webflow je přece přístupný, proč tedy můj web neprochází?

Vlastní komponenty Webflow jsou podle Webflow přístupné pro ARIA i klávesnici, ale vše, co si stavíte sami z divů a interakcí, vaše volba barev, vaše alternativní texty a pořadí nadpisů jsou na vás. Právě tam je většina nálezů, a Audit panel je z velké části nevidí.

Prodávám také do Francie nebo Německa. Jaká norma tam platí pro můj web na Webflow?

Stejná: WCAG 2.1 AA přes EN 301 549. Francie testuje podle RGAA (verze 4.1.2, 106 kritérií pokrývajících kritéria A a AA z WCAG 2.1), Německo podle BFSG. Obě země posuzují publikovanou stránku, ne nástroj, ve kterém vznikla. Jednou správně ve Webflow tedy znamená správně pro všechny trhy.

Může Seviranta opravu ve Webflow provést za mě?

Ke každému nálezu dodáme přesné místo (selektor) a opravu: který custom attribute, jaký alternativní text, jaký styl fokusu. Provedete ji vy nebo váš tvůrce webu ve Webflow v Designeru. Nepotřebujeme přístup k vašemu projektu a na váš web neumisťujeme žádný skript.

Stačí widget přístupnosti pro Webflow na EAA?

Ne. Widget položí na tvůj web vrstvičku, ale neopraví podkladový kód a neplatí jako strukturální soulad.

Spadá můj checkout na Webflow pod EAA?

Ano. Checkout a navigace jsou výslovně součástí povinnosti podle WCAG 2.1 AA.

Skenuje Seviranta i mé aplikace na Webflow?

Ano. Testujeme konečné vygenerované HTML, téma plus aplikace, tak, jak to dělá regulátor.

Zpomalí mi to web na Webflow?

Ne. Skenujeme externě z našich serverů v EU; na tvůj web nepřijde žádný skript. 0% dopad na rychlost načítání a Core Web Vitals.