Selma Widget
Tillgänglighetswidget för Squarespace
Selma Widget ger besökarna på er Squarespace-sajt en meny där de kan anpassa text, kontrast och rörelse efter sina behov. Ni klistrar in en rad kod under Code Injection, och mallen förblir som den är.
Därför passar den Squarespace
Mer tillgänglig utan en utvecklare
Ingen kod att skriva
Squarespace är gjort för att ni ska kunna sköta sajten själva, och widgeten passar in i det. Den som har tillgång till Squarespace-admin klistrar in en rad kod och sparar. Sedan laddas widgeten på alla sidor.
Er mall får vara kvar
Widgeten lägger sig ovanpå den mall och de block ni redan har. Ni behöver inte byta mall eller ändra något i byggaren för att ge besökarna fler sätt att läsa.
Nya sidor följer med
Widgeten skannar om sajten var 24:e timme, så att nya sidor, blogginlägg och produkter också får de automatiska anpassningarna. Månadsrapporterna visar vad widgeten har anpassat, så att ni vet vad som är kvar att rätta.
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 Squarespace.
- 1
Öppna Code Injection
Logga in i Squarespace, öppna sajten och gå till Code Injection i inställningarna. Code Injection finns på planerna Core, Plus och Advanced, och på de äldre planerna Business och Commerce.
- 2
Klistra in koden i Footer
Klistra in Selmas kod i fältet Footer och klicka på Save. Då syns tillgänglighetsikonen på sajten.
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 Squarespace
- Hur lägger jag in widgeten i Squarespace?
- Öppna Code Injection i Squarespace-inställningarna, klistra in Selmas kod i fältet Footer och spara. Det tar några minuter, och sedan laddas widgeten på alla sidor.
- Vilken Squarespace-plan behöver vi?
- En plan där Code Injection ingår: Core, Plus eller Advanced, eller någon av de äldre planerna Business och Commerce. Hittar ni inte Code Injection har sajten troligen en plan utan den funktionen.
- Gör widgeten Squarespace-sajten långsammare?
- Nej. Widgeten laddas när sidan redan visas, så den håller inte tillbaka innehållet.
- Ändrar widgeten vår mall eller våra sidor?
- Nej. Anpassningarna läggs på i besökarens webbläsare. Mallen, blocken och innehållet är som förut, och tar ni bort koden försvinner anpassningarna.
Se widgeten på er Squarespace-sajt
Boka en demo så visar vi hur widgeten fungerar på er webbplats, och vad den inte gör.