Start › Kunskapsbank › Efter system

Tillgänglighet med Webflow

I Webflow bygger du märkkoden själv. Det möjliggör mycket rena, tillgängliga sidor — men bara om man tänker på semantik och tillstånd.

Vanliga fyndställen

<div>-knappar i stället för riktiga <button>-element, interaktioner och animationer utan prefers-reduced-motion, formulärfält utan kopplad etikett, dekorativa bilder utan tomt alt, för låg textkontrast från stilpanelen.

Första stegen

Välj semantiska taggar i Designer (Button-element, rubriktaggar), ställ in fokusstilar globalt, förse interaktioner med en ”Reduced motion”-variant, koppla formuläretiketter, skanna källkoden.

Så hjälper a11yglass

Den kostnadsfria skanningen kontrollerar den levererade HTML- och CSS-koden efter automatiskt igenkännbara WCAG-överträdelser och anger per iakttagelse framgångskriteriet och en konkret åtgärd. Den hittar ungefär 20–35 % av problemen och ersätter ingen fullständig granskning.

Läs vidare

• Tangentbordsanvändning enligt WCAG 2.1.1
• Synligt fokus enligt WCAG 2.4.7
• Rörelse enligt WCAG 2.2.2 / 2.3.3

Allmän information efter bästa förmåga, ingen juridisk rådgivning. Anlita en advokatbyrå specialiserad på IT-rätt för det enskilda fallet.