Instalare widget accesibilitate Webflow – Tutorial Wawsome

Wawsome pe Webflow

Webflow permite inserarea de cod în secțiunea 'Custom Code' din setările site-ului sau direct în paginile individuale prin câmpul 'Before tag'.

Widgetul Wawsome adaugă un buton flotant de accesibilitate pe site-ul tău, prin care vizitatorii pot activa: contrast ridicat, mărire text, font pentru dislexie, text-to-speech, cursor mărit și multe altele.

Creează cont Wawsome →

De ce ai nevoie de un widget

Conformitate

Acoperă zeci de criterii WCAG 2.1

Instalare

Sub 5 minute, fără programator

Audiență

~8M persoane cu dizabilități în RO

Legea 232/2022

Obligatoriu pentru sectoare vizate

Beneficiu suplimentar

SEO mai bun, conversii mai mari

Tutorial

Cum instalezi Wawsome pe Webflow — pas cu pas

Creează contul Wawsome

Copiază snippet-ul personalizat.

Accesează Webflow Designer

Loghează-te și deschide proiectul tău.

Mergi la Site Settings → Custom Code

Din meniul de setări al proiectului, caută secțiunea Custom Code.

Inserează în 'Footer Code'

Lipește snippet-ul Wawsome în câmpul 'Footer Code' (Before tag) și salvează.

Publică și verifică

Publică site-ul (Publish) și verifică că widgetul apare pe toate paginile.

Ce obții cu widgetul Wawsome

🎨 Ajustări vizuale

Contrast ridicat și inversare culori
Mărire text 100–200%
Font pentru dislexie (OpenDyslexic)
Mod alb-negru (monocrom)

🖱️ Navigare și interacțiune

Text-to-Speech (citire cu voce)
Cursor mărit sau evidențiat
Dezactivare animații
Ghid de lectură (linie focus)

Instalare widget accesibilitate pe Webflow