Tillgänglighetsassistent:
Shopify installations- och användarguide
1. Så här installerar du
Så här installerar du appen från Shopify App Store
a. Gå till Shopifys appbutik.
c. Klicka på appen.
d. Klicka på ”Lägg till app”. Du kommer att bli ombedd att logga in på din Shopify-butik om du inte redan har gjort det.
e. Efter inloggning visar Shopify appens skärm för begäran om behörighet.
2. Aktivera tillgänglighetsassistenten i ditt Shopify-tema
a. Logga in på din Shopify-administratör.
b. Gå till webbutiken >Teman.
c. Find the theme you want to edit and click Customize.
d. Klicka på ikonen för appinbäddningar i temaredigeraren.
f. Slå PÅ den för att aktivera.
g. Klicka på Spara i det övre högra hörnet.
3. Översikt
4. Välj Abonnemang och Erbjudanden
Välj månadsplan:
Välj årsplan:
Välj den årsplan som bäst passar dina behov. Varje plan erbjuder en mängd olika funktioner och anpassningsalternativ. Din valda plan avgör vilka funktioner som är tillgängliga i widgeten. Dessutom kan du dra nytta av ett kostnadsfritt år för att utforska alla funktioner och öka din butiks tillgänglighet.
Uppstart
7 dagars gratis provperiod
44,99 USD/år.
Spara 2,89 USD jämfört med månadspris!
Obegränsade visningar och obegränsad synlighet för widgetar
Tillväxt
7 dagars gratis provperiod
70,99 USD/år.
Spara 12,89 USD jämfört med månadspris!
-
Obegränsade visningar och obegränsad synlighet för widgetar
Skala
7 dagars gratis provperiod
95,99 USD/år.
Spara 23,89 USD jämfört med månadspris!
-
Obegränsade visningar och obegränsad synlighet för widgetar
Etablerad
7 dagars gratis provperiod
$179.99 / år.
Save $35.89 vs Monthly!
-
Obegränsade visningar och obegränsad synlighet för widgetar
Uppstart
7 dagars gratis provperiod
-
Obegränsade visningar och obegränsad synlighet för widgetar
Tillväxt
7 dagars gratis provperiod
-
Obegränsade visningar och obegränsad synlighet för widgetar
Skala
7 dagars gratis provperiod
-
Obegränsade visningar och obegränsad synlighet för widgetar
Etablerad
7 dagars gratis provperiod
-
Obegränsade visningar och obegränsad synlighet för widgetar
5. Hur man aktiverar/inaktiverar widgeten
1. Hur man aktiverar/inaktiverar widgetar
Kunder kan hantera widgetens synlighet direkt från widgetinställningarna genom att aktivera eller inaktivera den.
2. Så här aktiverar du tillgänglighetswidgeten och lägger till en sidfotslänk
d. Hitta och aktivera Tillgänglighetsassistenten.
e. Gå sedan till appinställningarna och aktivera alternativet ”Vill du lägga till som länk” i widgetinställningarna.
Så här lägger du till en tillgänglighetslänk i din sidfot:
b. Välj menyn Sidfot.
c. Klicka på Lägg till menyalternativ.
f. Klicka på Lägg till och sedan på Spara-menyn.
6. Välj design
Alternativet ”Välj design” ger handlare möjlighet att välja mellan en mängd olika designstilar för vår widget och skräddarsy den efter deras unika preferenser och behov.
7. Anpassa position
Funktionen ”Anpassa position” gör det möjligt för handlare att skräddarsy den exakta placeringen av vår widget, vilket säkerställer att den perfekt passar deras webbplatslayout och designvision.
- Skrivbordsposition: Kunder kan ställa in widgetens position på skrivbordet
(Överst till vänster, överst till höger, mitten till vänster, mitten till höger, nedre till vänster, nedre till höger). - Mobil position: Kunder kan ställa in widgetens position på mobilen
(Överst till vänster, överst till höger, mitten till vänster, mitten till höger, nedre till vänster, nedre till höger). - Flytande widgetfyllning: Detta fungerar bara när positionen är inställd på
”Nere till vänster” eller ”Nere till höger”. - Storlek på flytande widget: Anpassa storleken på tillgänglighetswidgeten efter dina önskemål.
8. Funktioner
Använd menyinställningarna för att aktivera eller inaktivera funktioner.
Navigering och inmatning
- Tangentbord Nav
- Markera länkar
- Bild Alt Verktygstips
- Inriktning
- Justera bakgrundsfärger
- Användbara länkar
- Röstnavigering
- Virtuellt tangentbord
Skärm- och mediekontroller
- Markör
- Läsbara teckensnitt
- Stoppa animering
- Dölj bild/video
- Stäng av ljud
- Highlight Hover
- Prata och skriva
- Inaktivera widgetljud
Innehållsanpassning
- Mättnadslägen
- Fokusmask
- Ordavstånd
- Text Tal
- Innehållsskalning
- Markera Fokus
- Färgblindalternativ
- Inaktivera Rapportera problem
- Dölj uttalande
Visuella förbättringar
- Kontrast
- Större text
- Titelmarkering
- Text Enhancer
- Bokstavsavstånd
- Linjehöjd
- Justera textfärger
- Justera titelfärger
- GIF Göm
- Läsläge
- Stor svart markör
- Profilalternativ
- Inaktivera varumärke
- Språkvariabel
Påstående
9. Språkvariabel
Funktionen Språkvariabel gör att din widget automatiskt anpassar sig till det språk som valts på din webbplats. När den är aktiverad kommer widgeten att upptäcka och matcha webbplatsens aktiva språk – vilket säkerställer en sömlös och konsekvent upplevelse för användare som navigerar på din webbplats på olika språk. Detta är särskilt användbart om din butik redan har en språkväljare, eftersom det förbättrar tillgängligheten och säkerställer att widgetinnehållet alltid visas på användarens föredragna språk utan någon extra konfiguration.
10. Språksortering
Med funktionen Språksortering kan du anpassa ordningen i vilken språk visas på din språksida och i widgeten. Använd helt enkelt upp- och nedpilarna bredvid varje språk för att ordna om dem efter dina önskemål. När du är nöjd med ordningen klickar du på Spara rangordning för att tillämpa ändringarna. Språken visas sedan i samma ordning i din butik och widget, vilket ger en enhetlig upplevelse för dina användare.
11. Redigera språkspecifika funktioner
När du klickar på ikonen Redigera omdirigeras du till en sida där du kan anpassa funktionsnamn för ett specifikt språk.
På denna sida:
- Du kan uppdatera etiketterna för tillgänglighetsfunktioner (t.ex. tangentbordsnavigering, stor markör, läsguide) på det valda språket.
- Dessa anpassade namn kommer att visas i tillgänglighetswidgeten för användare som visar webbplatsen på det språket.
- Detta säkerställer att alla funktionsnamn översätts eller anpassas efter dina preferenser, vilket gör widgeten mer användarvänlig och konsekvent för din målgrupp.
12. Enkel åtkomst för att ändra bakgrunds-/teckensnittsfärg
Slutligen, gå till inställningarna för att ändra bakgrunds- och teckensnittsfärger. I det här steget kan du anpassa widgetens utseende, se till att den matchar ditt varumärkes stil eller förbättrar läsbarheten för användarna. Välj dina önskade färger och använd dem för att göra widgeten visuellt tilltalande och tillgänglig.
13. Anpassning av widgetikoner och färger
Choose Widget Icon
- Du kan välja från en uppsättning fördefinierade tillgänglighetsikoner för din flytande widget.
- Den valda ikonen representerar tillgänglighetswidgeten på din webbplats.
Flytande widget ikon färg
- Yttre färg: Anpassa kant- eller yttre cirkelfärgen för widgetikonen genom att välja en färg eller ange en hexagonalkod (t.ex. #683996).
- Inre färg: Anpassa bakgrunden eller det inre området för widgetikonen med hjälp av en färgväljare eller hexagonalkod (t.ex. #F2F7FA).
14. Analys av funktionsanvändning
På instrumentpanelssidan kan du spåra hur din publik interagerar med tillgänglighetswidgeten.
- Översiktsstatistik: Se totalt antal widgetöppningar, klickade händelser och interaktioner med en snabb blick.
- Mest använda funktioner: Se vilka tillgänglighetsverktyg (t.ex. större text, radhöjd, hög mättnad, användbara länkar) som används mest av dina besökare.
- Insikter om användarinteraktion: Detaljerad uppdelning av hur ofta varje funktion används, vilket hjälper dig att förstå vilka verktyg som är mest värdefulla för din målgrupp.
15. Headless widget options
b. I rutan för alternativ för Headless-widgeten ser du ett skriptavsnitt som ser ut så här:
