Accesibilitate pentru Webflow

Site-urile Webflow arată impecabil. Cu widgetul Wawsome devin și mai ușor de folosit, fără să strice interacțiunile.

Înainte de instalare

Codul de instalare se ia din contul tău Wawsome, după ce adaugi site-ul. Fiecare site are o cheie unică (data-api-key), deci nu copia coduri de pe alte site-uri sau din exemple. Dacă nu ai cont, pornește perioada de probă gratuită de 7 zile de pe pagina de prețuri Wawsome.

Pașii de instalare pe Webflow

  1. Autentifică-te în panoul Wawsome și copiază codul de instalare al site-ului;
  2. În Webflow, deschide Site Settings → Custom Code (necesită plan plătit);
  3. Lipește codul Wawsome în secțiunea Head Code;
  4. Apasă Save și Publish; widgetul apare pe site-ul publicat, nu și în Designer.

Poziția, culorile și limba widgetului se configurează din panoul Wawsome, fără să modifici codul. Detalii generale în ghidul de instalare.

Atenție la interacțiuni

  • Animațiile la scroll trebuie să respecte prefers-reduced-motion; widgetul permite oprirea animațiilor (criteriul 2.2.2);
  • Elementele care apar la hover trebuie să fie accesibile și de la tastatură (1.4.13, 2.1.1);
  • Meniurile custom construite din div-uri au nevoie de roluri și stări ARIA;
  • Textele peste imagini de fundal pică des testul de contrast.

Pregătit pentru conformitate?

Verifică gratuit site-ul cu scannerul Wawsome sau instalează widgetul în câteva minute. Wawsome oferă o perioadă de probă gratuită de 7 zile.