Webflow-tillgänglighet
Gör din Webflow-sajt verkligt tillgänglig. EAA och WCAG, utan overlay
Webflow ger dig pixelkontroll, men ingen inbyggd tillgänglighet: Designer lämnar aria-* utanför komplexa komponenter som standard. Vi hittar hindren och levererar fixen i dina egna Custom Attributes, ingen widget som gör din sajt långsammare.
Så tar sig Seviranta an din Webflow-webbplats vid källan
Var trösklarna gömmer sig
Teman, tillägg och formulär inför tysta barriärer. Vi hittar dem allihop.
Korrigeringen i källan, inte ovanpå
Konkreta reparationer i din Webflow-uppsättning, inget overlay-lager som bara döljer felen.
Ingen widget, ingen fördröjning
Vi crawlar externt från EU-servrar, 0% påverkan på din laddningshastighet och Core Web Vitals.
Redo för EAA
Vi granskar din webbplats mot WCAG, på samma nivå som tillsynsmyndigheterna granskar.
Headless-skanning med axe-core, samma motor som sitter i Google Lighthouse, från våra EU-servrar. 0% påverkan på din laddningstid.
Sanningen: Webflow är inte tillgängligt automatiskt
Webflow Designer levererar ren HTML, och Webflows egna komponenter (Tabs, Dropdown, Navbar, Slider) är enligt Webflow själva tillgängliga via ARIA och tangentbord. Det går fel i det du bygger själv: flikar, modaler och knappar gjorda av div-element med interaktioner får ingen roll eller status, fokusmarkeringen måste du själv sätta överallt, Audit panel kontrollerar bara fyra saker och Lightbox stöder inte alt-text. Det är precis där anmärkningarna hamnar.
Vad som verkligen står på spel
- En icke-tillgänglig kassa är en direkt EAA-överträdelse.
- En accessibility-widget räknas inte som en strukturell lösning.
- Tillsynsmyndigheter testar den genererade HTML:en, inklusive dina appar.
- 'Vi använder Webflow' är inget juridiskt försvar: ansvaret ligger hos webbutiken som är live, inte hos plattformen.
Vad väntan kan kosta
upp till € 1.000.000
EU-max · Spanien/Luxemburg
$ 4.000
USA · Kalifornien (Unruh), per besök
Du bötfälls inte från ingenstans, först kommer ett föreläggande med tidsfrist. Men den som då kan visa ett daterat dossier kommer billigast undan.
Se vad som gäller för din marknad →Den dolda risken med Webflow-tillägg från tredje part
Recensionswidgetar, filter, bundlare och sök-appar injicerar dynamisk HTML i din frontend, och varje app-uppdatering kan lägga till ett nytt hinder. I en granskning räknas den koden fullt ut, även om du inte skrev den själv. Därför bevakar Seviranta löpande slutresultatet så som en tillsynsmyndighet ser det: ditt Webflow-tema plus alla appar och dynamiskt innehåll.
Vad som ofta går fel på Webflow
- Custom tabbar utan role och aria-selectedBygger du dina egna tabbar i Designer förblir de vanliga divar. Utan role="tab", aria-selected och aria-controls på tabbknapparna kan en skärmläsare inte avgöra att det är tabbar eller vilken som är aktiv. Du lägger till dem för hand via Custom Attributes.
- Dropdowns och modaler utan keyboard-trap-managementWebflows interaktioner öppnar ofta en dropdown eller modal utan att flytta eller hålla kvar fokus. Tangentbordsanvändare tabbar bort bakom overlayet och tappar bort innehållet.
- Div-knappar utan role och tabindexEn div med en click-interaktion ser ut som en knapp, men är ingen. Utan role="button" och tabindex="0" via Custom Attributes är den onåbar för tangentbords- och skärmläsaranvändare.
- Lightbox-bilder utan alt-textWebflows Lightbox stöder inte alt-text för bilderna i den, och Audit panel flaggar inte det. Varje produktfoto eller portfoliobild i en lightbox är därför osynlig för skärmläsare. Använd en annan galleriuppsättning eller beskriv bilden i den omgivande texten.
Så här ser en riktig fix ut
Ta en custom tab-komponent som du byggt med divar i Designer. En skärmläsare hör då bara 'grupp' istället för en tabbrad. Fixen ligger helt i Custom Attributes, ingen ombyggnad: sätt role="tab", aria-selected och aria-controls på tabbknapparna.
<div class="tab-link">Overzicht</div><div class="tab-link"
role="tab"
aria-selected="true"
aria-controls="panel-overzicht">Overzicht</div>Det du fixar själv i Webflow
Webflow har mer inbyggt än de flesta no-code-verktyg, men verktygen täcker bara en del av WCAG. Här är de fem ställen där du själv gör skillnad i Designer, och det du måste lösa utanför.
- 1Audit panel: fyra kontroller, inte flerAudit panel (vänstra verktygsfältet, Option/Alt + U) kontrollerar exakt fyra saker: saknad alt-text, icke beskrivande länktexter, överhoppade rubriknivåer och dubbla element-ID:n. Färgkontrast, allt inuti Components, Lightbox-media och CMS-kopplade bilder ligger utanför. Grönt i Audit panel är alltså inte WCAG-grönt.
- 2Alt-text: beskrivande eller dekorativSätt standard-alt per tillgång i Assets panel (kugghjul → Descriptive eller Decorative) och skriv över per instans via Image settings → Alt text. Decorative ger en tom alt så att skärmläsare hoppar över bilden. Alt-text i en Lightbox stöds inte; välj ett annat galleriupplägg där.
- 3Gör fokus synligtWebflows egna komponenter är enligt Webflow ARIA- och tangentbordstillgängliga, men fokusstilen måste du sätta själv. Style panel → States → 'Focused (keyboard)' och ge en tydlig outline; för slider-prickar går det bara via egen CSS på .w-slider-dot:focus.
- 4Custom attributes för allt du bygger självBygger du flikar, modaler eller knappar av div:ar och interaktioner vet en skärmläsare inte vad de är. Element settings → Custom attributes → '+' och lägg till role, aria-label, aria-expanded eller tabindex. Attribut kan också kopplas till CMS-fält och komponentegenskaper, så att du ställer in dem en gång.
- 5Skip-länk och rörelseEn 'hoppa till innehåll'-länk finns inte inbyggd i Webflow; du bygger den själv som första element i headern, dold tills den får fokus, med ett litet skript under Project settings → Custom code. Animationer: sätt interaktioner till 'no animation' eller 'skip to end' vid prefers-reduced-motion och ge bakgrundsvideor en play/paus-knapp.
Webflow säger det själva: testade element uppfyller 'upp till' WCAG 2.1 AA, och verktyget gör det lätt att publicera otillgängligt innehåll. Vår skanning testar den publicerade sidan, precis det en tillsynsmyndighet ser, oavsett vad Audit panel markerar grönt.
Vad du får
Per fel: vad, varför och hur
För varje fynd ser du vad som är fel, vem det drabbar, vilken WCAG-regel det gäller och en konkret, Webflow-medveten lösning, med kodexempel där det går.
Plattformsspecifik igenkänning
Du fångar felen som uppstår just på Webflow, inte bara det som en generisk WCAG-kontroll plockar upp.
Ett underlag som håller
En daterad översikt över dina skanningar och fynd som du kan visa upp vid en granskning eller inspektion.
Med ett rapporteringsverktyg betalar du licensen och dina utvecklare för att lösa felen. Hos Seviranta ingår fixen, ingen dubbel räkning.
Skydda din konvertering och din juridiska ställning
En app som klistrar en tillgänglighetsikon över din Webflow-sajt är en risk för din verksamhet. Fakta i korthet:
Webflow accessibility-widgets
- Laddar extra externa skript som skadar din laddningstid (LCP) och därmed din konvertering.
- Maskerar felet istället för att lösa det, den underliggande koden förblir trasig.
- Skyddar dig inte mot anspråk. FTC bötfällde overlay-leverantören accessiBe 2025 med $1 miljon för vilseledande compliance-påståenden.
Seviranta-metoden
- 0 % påverkan på din laddningstid, vi skannar externt från våra EU-servrar.
- Vi fixar den riktiga källkoden i dina Webflow-mallar.
- Vi bygger automatiskt upp ditt sparbara EAA-dossier, redo att visa upp för en tillsynsmyndighet.
Frågor och svar
- Webflow är väl redan tillgängligt, varför underkänns då min webbplats?
- Webflows egna komponenter är enligt Webflow ARIA- och tangentbordstillgängliga, men allt du själv bygger av div:ar och interaktioner, dina färgval, dina alt-texter och din rubrikordning bestämmer du. Där sitter de flesta fynden, och dem ser Audit panel till stor del inte.
- Jag säljer också till Frankrike eller Tyskland. Vilken standard gäller där för min Webflow-webbplats?
- Samma: WCAG 2.1 AA via EN 301 549. Frankrike testar med RGAA (version 4.1.2, 106 kriterier som täcker A- och AA-kriterierna i WCAG 2.1), Tyskland med BFSG. Båda bedömer den publicerade sidan, inte byggverktyget. Rätt gjort en gång i Webflow är alltså rätt för alla marknader.
- Kan Seviranta göra fixen i Webflow åt mig?
- För varje fynd levererar vi den exakta platsen (selektor) och fixen: vilket custom attribute, vilken alt-text, vilken fokusstil. Själva ändringen gör du eller din Webflow-byggare i Designer. Vi behöver ingen åtkomst till ditt projekt och lägger inget skript på din webbplats.
- Räcker en Webflow accessibility-widget för EAA?
- Nej. En widget lägger ett lager över din sajt, men reparerar inte den underliggande koden och räknas inte som strukturell compliance.
- Omfattas min Webflow-kassa av EAA?
- Ja. Kassan och navigeringen är uttryckligen en del av kravet under WCAG 2.1 AA.
- Skannar Seviranta även mina Webflow-appar?
- Ja. Vi testar den slutgiltiga genererade HTML:en, tema plus appar, så som en tillsynsmyndighet gör.
- Gör det här min Webflow-sajt långsammare?
- Nej. Vi skannar externt från våra EU-servrar; inget skript hamnar på din sajt. 0 % påverkan på din laddningstid och dina Core Web Vitals.
Vi gör det själva också
Vi håller oss själva till exakt samma måttstock: vår egen webbplats får 0 fel i axe-core, samma motor som sitter i Google Lighthouse och som vi även skannar din Webflow-butik med. Det en maskin fastställer med säkerhet löser vi maskinellt, resten bedömer en människa. Så skarpt får du det av oss: se en riktig exempelrapport.
Vad EAA kräver av din Webflow-butik
Sedan juni 2025 måste din webbutik uppfylla WCAG 2.1 AA, en Webflow-butik är inget undantag. Den gratis skanningen visar på 60 sekunder var du står, med exakt den rad som inte uppfyller kraven.
Säljer du i flera länder?
WCAG är den globala standarden. Nästan varje marknad bygger på den:
Anpassa din Webflow-butik till WCAG en gång så täcker du den tekniska ribban på alla de marknaderna. Det som skiljer sig åt mellan marknaderna är tillsynsmyndigheten och böterna.
Se vad som gäller per avsättningsmarknad →Hanterar du flera Webflow-sajter åt kunder?
Hindra att webbutikerna du levererar blir en juridisk risk under EAA för dina uppdragsgivare. Sätt in Seviranta som din automatiserade kvalitetsstämpel vid varje leverans och deploy, en skanning, och varje sajt är bevisligen i ordning.
Se vårt partnerprogram →Andra plattformar
Skanna din Webflow-butik gratis
Klistra in din Webflow-URL i den gratis skanningen och se inom en minut vilka rader som inte uppfyller kraven, med den exakta platsen i dina komponenter.