Kezdőlap › Tudásbázis › Rendszer szerint

Akadálymentesség Webflow-val

A Webflow-ban magad építed a markupot. Ez nagyon tiszta, akadálymentes oldalakat tesz lehetővé — de csak akkor, ha figyelsz a szemantikára és az állapotokra.

Gyakori előfordulási helyek

<div>-gombok valódi <button> elemek helyett, interakciók és animációk prefers-reduced-motion nélkül, összekötött címke nélküli űrlapmezők, üres alt nélküli díszítő képek, a stíluspanelről származó, túl alacsony szövegkontraszt.

Első lépések

Válassz szemantikus tageket a Designerben (Button elem, címsor-tagek), állítsd be a fókuszstílusokat globálisan, láss el az interakciókat „Reduced motion” változattal, kösd össze az űrlapcímkéket, szkenneld a forráskódot.

Hogyan segít az a11yglass

Az ingyenes szkennelés a kiszolgált HTML-t és CSS-t vizsgálja automatikusan felismerhető WCAG-sértések szempontjából, és minden megállapításnál megnevezi a sikerkritériumot és egy konkrét intézkedést. A problémák nagyjából 20–35 %-át találja meg, és nem helyettesíti a teljes körű vizsgálatot.

Tovább olvasás

• Billentyűzetes kezelés a WCAG 2.1.1 szerint
• Látható fókusz a WCAG 2.4.7 szerint
• Mozgás a WCAG 2.2.2 / 2.3.3 szerint

Általános tájékoztatás legjobb tudomás szerint, nem jogi tanács. Az egyedi esethez vonj be egy IT-jogra szakosodott ügyvédi irodát.