Selma Widget
Tillgänglighetswidget för Webflow
Selma Widget ger besökarna på er Webflow-sajt en meny där de kan anpassa text, kontrast och rörelse efter sina behov. Ni lägger in en rad kod under Custom Code, och designen förblir som den är.
Därför passar den Webflow
För sajter där design och innehåll sköts av olika personer
Designen får vara kvar
Widgeten lägger sig ovanpå det som designern har byggt i Webflow. Inga klasser, komponenter eller interaktioner behöver ändras för att ge besökarna fler sätt att läsa.
Redaktörernas innehåll följer med
När redaktörerna lägger till sidor och CMS-poster skannar widgeten om sajten var 24:e timme, så att nytt innehåll också får de automatiska anpassningarna, och bilder utan alternativtext får en beskrivning.
Rapporter för den som bygger sajten
Månadsrapporterna visar vad widgeten har anpassat och hur menyn används, så att designern eller byrån vet vad som ska rättas i Webflow.
Det här ingår
Det här får besökarna
Profiler för olika behov
Färdiga profiler för bland annat synnedsättning, kognitiva behov och ADHD, och ett läge som stoppar blinkande och rörligt innehåll.
Egna justeringar
Besökaren kan själv ändra textstorlek, kontrast, radavstånd och muspekare, använda en läsmask och stoppa animationer.
Tangentbord och skärmläsare
Widgeten förbättrar fokus och tangentbordsnavigering och lägger till information som skärmläsare behöver, till exempel för menyer, popup-fönster och formulär.
Alternativtexter
Bilder som saknar alternativtext får en beskrivning som AI tar fram.
Menyn på 33 språk
Menyn finns på 33 språk. Sajtens eget innehåll översätts inte.
Laddas efter sidan
Widgeten laddas när sidan redan visas, så den håller inte tillbaka innehållet.
Kom igång
Så lägger ni in widgeten
Widgeten är en rad kod som läggs in en gång och sedan laddas på alla sidor. Den hämtar sina inställningar utifrån er domän, så ni behöver inte ändra något mer i Webflow.
- 1
Öppna Custom Code
Logga in i Webflow, öppna Settings för sajten och gå till Custom Code.
- 2
Klistra in koden och publicera
Klistra in Selmas kod under Footer Code och klicka på Save Changes. Publicera sedan sajten, så syns tillgänglighetsikonen.
Bra att veta
Det här gör widgeten inte
Widgeten gör det lättare för många besökare att använda sidan, men den ersätter inte att bristerna rättas i koden.
Det här ligger utanför widgeten
- Er källkod ändras inte. Anpassningarna finns i besökarens webbläsare, och tas widgeten bort försvinner de.
- PDF:er och andra dokument, textning av video och innehåll från andra domäner i iframes
- Underdomäner och tjänster på andra domäner, till exempel bokning eller betalning
- Mobilappar
Selma Bevakning hjälper era utvecklare att rätta bristerna i koden, och Selma Tjänster gör manuella granskningar och användartester.
Vanliga frågor om Selma Widget och Webflow
- Hur lägger jag in widgeten i Webflow?
- Öppna Settings för sajten och Custom Code, klistra in Selmas kod under Footer Code och spara. Publicera sedan sajten, så laddas widgeten på alla sidor.
- Vilken Webflow-plan behöver vi?
- En betald plan. Custom Code finns inte på gratisplanen Starter, men på de betalda Site-planerna och med en betald Workspace-plan.
- Vi har sparat koden men ser ingen widget. Vad är fel?
- Webflow kör egen kod bara på den publicerade sajten, inte i förhandsvisningen i Designer. Publicera sajten och ladda om sidan.
- Gör widgeten Webflow-sajten långsammare?
- Nej. Widgeten laddas när sidan redan visas, så den håller inte tillbaka innehållet.
Se widgeten på er Webflow-sajt
Boka en demo så visar vi hur widgeten fungerar på er webbplats, och vad den inte gör.