Webflow-tilgjengelighet
Gjør Webflow-nettstedet ditt virkelig tilgjengelig. EAA og WCAG, uten overlay
Webflow gir deg pikselkontroll, men ingen innebygd tilgjengelighet: Designer utelater aria-* på komplekse komponenter som standard. Vi finner barrierene og leverer fiksen i dine egne Custom Attributes, ingen widget som gjør nettstedet ditt tregere.
Slik tar Seviranta tak i Webflow-nettstedet ditt ved kilden
Der barrierene gjemmer seg
Temaer, utvidelser og skjemaer skaper stille barrierer. Vi finner dem alle.
Fiksen i kilden, ikke oppå den
Konkrete reparasjoner i Webflow-oppsett, ingen overlay-lag som bare skjuler feilene.
Ingen widget, ingen forsinkelse
Vi crawler eksternt fra EU-servere, 0% påvirkning på lastehastigheten din og Core Web Vitals.
Klar for EAA
Vi tester nettstedet ditt mot WCAG, på nivået tilsynsmyndigheter tester på.
Headless skanning på axe-core, den samme motoren som sitter i Google Lighthouse, fra EU-serverne våre. 0% påvirkning på lastehastigheten din.
Sannheten: Webflow er ikke automatisk tilgjengelig
Webflow Designer leverer ren HTML, og Webflows egne komponenter (Tabs, Dropdown, Navbar, Slider) er ifølge Webflow selv tilgjengelige via ARIA og tastatur. Det går galt i det du bygger selv: faner, modaler og knapper laget av div-elementer med interaksjoner får ingen rolle eller tilstand, fokusstilen må du selv sette overalt, Audit panel sjekker bare fire ting, og Lightbox støtter ikke alt-tekst. Det er nøyaktig der funnene havner.
Hva som virkelig står på spill
- En kasse som ikke er tilgjengelig, er et direkte brudd på EAA.
- En accessibility-widget regnes ikke som en strukturell løsning.
- Tilsynsmyndigheter tester den genererte HTML-en, inkludert appene dine.
- «Vi bruker Webflow» er ikke et juridisk forsvar: ansvaret ligger hos nettbutikken som er live, ikke hos plattformen.
Hva det kan koste å vente
opptil € 1.000.000
EU-maksimum · Spania/Luxembourg
$ 4.000
USA · California (Unruh), per besøk
Du blir ikke bøtelagt ut av det blå, først kommer et utbedringspålegg med frist. Men den som da kan vise fram et datert dossier, slipper billigst unna.
Se hva som gjelder for ditt markedDen skjulte risikoen ved tredjeparts Webflow-utvidelser
Anmeldelseswidgeter, filtre, bundlere og søkeapper injiserer dynamisk HTML i frontenden din, og hver app-oppdatering kan legge til en ny barriere. I en revisjon teller den koden fullt med, selv om du ikke skrev den selv. Derfor overvåker Seviranta løpende sluttresultatet slik en tilsynsmyndighet ser det: Webflow-temaet ditt pluss alle apper og dynamisk innhold.
Det som ofte går galt på Webflow
- Custom tabs uten role og aria-selectedBygger du dine egne tabs i Designer, forblir de vanlige div-er. Uten role="tab", aria-selected og aria-controls på tab-knappene vet ikke en skjermleser at det dreier seg om tabs eller hvilken som er aktiv. Du legger dem til manuelt via Custom Attributes.
- Dropdowns og modaler uten keyboard-trap-håndteringWebflows interaksjoner åpner ofte en dropdown eller modal uten å flytte eller holde på fokuset. Tastaturbrukere tabber bort bak overlayet og mister innholdet.
- Div-knapper uten role og tabindexEn div med en klikk-interaksjon ser ut som en knapp, men er det ikke. Uten role="button" og tabindex="0" via Custom Attributes er den utilgjengelig for tastatur- og skjermleserbrukere.
- Lightbox-bilder uten alt-tekstWebflows Lightbox støtter ikke alt-tekst for bildene i den, og Audit panel flagger ikke det. Hvert produktbilde eller porteføljebilde i en lightbox er derfor usynlig for skjermlesere. Bruk et annet gallerioppsett, eller beskriv bildet i teksten rundt.
Slik ser en ekte fiks ut
Ta en custom tab-komponent som du har bygd opp i Designer med div-er. En skjermleser hører da bare «gruppe» i stedet for en tab-rekke. Fiksen ligger helt og holdent i Custom Attributes, ingen ombygging: sett role="tab", aria-selected og aria-controls på tab-knappene.
<div class="tab-link">Overzicht</div><div class="tab-link"
role="tab"
aria-selected="true"
aria-controls="panel-overzicht">Overzicht</div>Der du fikser det selv i Webflow
Webflow har mer innebygd enn de fleste no-code-verktøy, men verktøyene dekker bare en del av WCAG. Dette er de fem stedene der du selv gjør forskjellen i Designer, og det du må løse utenfor.
- 1Audit panel: fire sjekker, ikke flereAudit panel (venstre verktøylinje, Option/Alt + U) sjekker nøyaktig fire ting: manglende alt-tekst, lite beskrivende lenketekster, hoppede overskriftsnivåer og dupliserte element-ID-er. Fargekontrast, alt inne i Components, Lightbox-medier og CMS-bundne bilder faller utenfor. Grønt i Audit panel er altså ikke WCAG-grønt.
- 2Alt-tekst: beskrivende eller dekorativSett standard-alt per asset i Assets panel (tannhjul → Descriptive eller Decorative) og overstyr per instans via Image settings → Alt text. Decorative gir en tom alt, slik at skjermlesere hopper over bildet. Alt-tekst i en Lightbox støttes ikke; velg et annet gallerioppsett der.
- 3Gjør fokus synligWebflows egne komponenter er ifølge Webflow ARIA- og tastaturtilgjengelige, men fokusstilen må du sette selv. Style panel → States → 'Focused (keyboard)' og gi den en tydelig outline; for slider-prikker går det bare via egendefinert CSS på .w-slider-dot:focus.
- 4Custom attributes for alt du bygger selvBygger du faner, modaler eller knapper av div-er og interaksjoner, vet ikke en skjermleser hva de er. Element settings → Custom attributes → '+' og legg til role, aria-label, aria-expanded eller tabindex. Attributter kan også bindes til CMS-felt og komponentegenskaper, slik at du setter dem én gang.
- 5Skip-lenke og bevegelseEn 'hopp til innhold'-lenke er ikke innebygd i Webflow; du bygger den selv som første element i headeren, skjult til den får fokus, med et lite skript under Project settings → Custom code. Animasjoner: sett interaksjoner til 'no animation' eller 'skip to end' ved prefers-reduced-motion, og gi bakgrunnsvideoer en spill av/pause-knapp.
Webflow sier det selv: testede elementer oppfyller 'opptil' WCAG 2.1 AA, og verktøyet gjør det lett å publisere utilgjengelig innhold. Vår skanning tester den publiserte siden, nøyaktig det et tilsynsorgan ser, uansett hva Audit panel merker grønt.
Dette får du
Per feil: hva, hvorfor og hvordan
For hvert funn ser du hva som er feil, hvem det rammer, hvilken WCAG-regel det gjelder, og en konkret, Webflow-bevisst løsning, med kodeeksempel der det er mulig.
Plattformspesifikk gjenkjenning
Du fanger opp feilene som nettopp oppstår på Webflow, ikke bare det en generisk WCAG-sjekk plukker opp.
Et dossier som holder stand
En datert oversikt over skannene og funnene dine som du kan vise fram ved en revisjon eller inspeksjon.
Med et rapporteringsverktøy betaler du både lisensen og utviklerne dine for å løse feilene. Hos Seviranta er fiksen inkludert, ingen dobbel regning.
Beskytt både konverteringen din og den juridiske statusen din
En app som limer et tilgjengelighetsikon oppå Webflow-nettstedet ditt, er en risiko for forretningen din. Her er fakta:
Accessibility-widgeter for Webflow
- Laster ekstra eksterne skript som skader lastehastigheten din (LCP) og dermed konverteringen din.
- Maskerer feilen i stedet for å løse den, den underliggende koden forblir feil.
- Beskytter ikke mot rettslige krav. FTC ila overlay-leverandøren accessiBe en bot på 1 million dollar i 2025 for villedende compliance-påstander.
Seviranta-metoden
- 0% påvirkning på lastehastigheten din, vi skanner eksternt fra EU-serverne våre.
- Vi reparerer den ekte kildekoden i Webflow-malene dine.
- Vi bygger automatisk opp det arkiverbare EAA-dossieret ditt, klart til å vise fram til en tilsynsmyndighet.
Spørsmål og svar
- Webflow er jo allerede tilgjengelig, så hvorfor stryker nettstedet mitt?
- Webflows egne komponenter er ifølge Webflow ARIA- og tastaturtilgjengelige, men alt du bygger selv av div-er og interaksjoner, fargevalgene dine, alt-tekstene dine og overskriftsrekkefølgen din bestemmer du. Der sitter de fleste funnene, og dem ser Audit panel stort sett ikke.
- Jeg selger også til Frankrike eller Tyskland. Hvilken standard gjelder der for Webflow-nettstedet mitt?
- Den samme: WCAG 2.1 AA via EN 301 549. Frankrike tester med RGAA (versjon 4.1.2, 106 kriterier som dekker A- og AA-kriteriene i WCAG 2.1), Tyskland med BFSG. Begge vurderer den publiserte siden, ikke byggeverktøyet. Riktig én gang i Webflow er altså riktig for alle markeder.
- Kan Seviranta gjøre fiksen i Webflow for meg?
- For hvert funn leverer vi det nøyaktige stedet (selektor) og fiksen: hvilket custom attribute, hvilken alt-tekst, hvilken fokusstil. Du eller Webflow-utvikleren din gjør endringen i Designer. Vi trenger ikke tilgang til prosjektet ditt og legger ikke noe skript på nettstedet ditt.
- Er en Webflow-accessibility-widget nok for EAA?
- Nei. En widget legger et lag oppå nettstedet ditt, men reparerer ikke den underliggende koden og regnes ikke som strukturell etterlevelse.
- Faller Webflow-kassen min inn under EAA?
- Ja. Kassen og navigasjonen er uttrykkelig en del av forpliktelsen under WCAG 2.1 AA.
- Skanner Seviranta også Webflow-appene mine?
- Ja. Vi tester den endelige genererte HTML-en, temaet pluss apper, slik en tilsynsmyndighet gjør det.
- Gjør dette Webflow-nettstedet mitt tregere?
- Nei. Vi skanner eksternt fra EU-serverne våre; det havner ikke noe skript på nettstedet ditt. 0% påvirkning på lastehastigheten din og Core Web Vitals.
Vi gjør det selv også
Vi holder oss selv til nøyaktig samme målestokk: vårt eget nettsted scorer 0 feil i axe-core, den samme motoren som sitter i Google Lighthouse og som vi også skanner Webflow-butikken din med. Det en maskin fastslår med sikkerhet, løser vi maskinelt, resten vurderer et menneske. Så skarpt får du det fra oss: se en ekte eksempelrapport.
Hva EAA krever av Webflow-butikken din
Siden juni 2025 må nettbutikken din oppfylle WCAG 2.1 AA, en Webflow-butikk er ikke noe unntak. Den gratis skanningen viser deg på 60 sekunder hvor du står, med den nøyaktige regelen som ikke oppfylles.
Selger du i flere land?
WCAG er den globale standarden. Så godt som hvert marked kobler seg på den:
Fikser du Webflow-butikken din én gang til WCAG, dekker du den tekniske målestokken i alle disse markedene. Det som varierer fra marked til marked, er håndheveren og bøtene.
Se hva som gjelder per markedForvalter du flere Webflow-nettsteder for kunder?
Unngå at nettbutikkene du leverer, blir en juridisk risiko under EAA for oppdragsgiverne dine. Bruk Seviranta som ditt automatiserte kvalitetsstempel ved hver leveranse og deploy, én skanning, og hvert nettsted er påviselig i orden.
Se partnerprogrammet vårtAndre plattformer
Les videre
Skann Webflow-butikken din gratis
Lim inn Webflow-URL-en din i den gratis skanningen og se innen ett minutt hvilke regler som ikke oppfylles, med det nøyaktige stedet i komponentene dine.