Profil
Dashboard
Logga ut
Kort sammanfattning
- En videobubbla är tillgänglig när den går att använda med tangentbord, fungerar med skärmläsare och låter besökaren styra uppspelning, ljud och paus.
- God tillgänglighet gör videon användbar för fler och minskar risken att widgeten blockerar viktiga delar av webbplatsen.
- Granska de videowidgetar som redan finns på webbplatsen innan du lägger till en ny.
En tillgänglig videowidget följer relevanta WCAG kriterier och innehåller undertexter, textalternativ, tangentbordsstyrning och stöd för skärmläsare. Kraven varierar mellan länder och branscher, så kontrollera vad som gäller för din verksamhet. Automatiska tester är bara en början. Du behöver också prova med tangentbord och hjälpmedel.
Du behöver inte alltid en utvecklare för att rätta de vanligaste problemen.
Bättre kontrast, genomtänkt uppspelning och korrekta undertexter tar bort många hinder. Försök använda widgeten utan mus. Om du inte kan starta, pausa och stänga den med tangentbordet behöver den justeras.
Vad är det korta svaret?
En videobubbla är tillgänglig när den kan styras med tangentbord, fungerar med skärmläsare och ger användaren kontroll över automatisk uppspelning och paus.
En videobubbla som startar ljud utan tydliga kontroller kan bryta mot relevanta WCAG kriterier. Vanliga problem är ologisk fokusordning och saknade textalternativ för visuellt innehåll.
Automatiska verktyg hittar inte alla verkliga tillgänglighetsproblem.
Ett godkänt automatiskt test betyder därför inte att widgeten är enkel att använda. Testa med tangentbord, röststyrning och skärmläsare som NVDA och VoiceOver. Det är först då du ser hur lösningen fungerar i praktiken.
Varför är det viktigt?
En tillgänglig videowidget kan användas av fler och minskar juridiska och praktiska risker. Exakta regler, anmälningar och kostnader skiljer sig mellan länder och sektorer. En videobubbla som blockerar skärmläsare eller saknar tangentbordsstyrning kan stänga ute besökare direkt.
Många människor lever med en funktionsnedsättning, men andelen och definitionerna varierar mellan olika källor. Poängen är enkel: tillgänglighet gäller en stor grupp riktiga besökare, inte ett ovanligt specialfall.
Video utan undertexter, textversion eller tangentbordsstyrning utestänger personer som inte kan höra eller använda mus. Automatisk uppspelning, låst fokus och en svårfunnen stängknapp förvärrar problemet.
Den som söker efter en tillgänglig videolösning har ofta ett konkret skäl. Ett internt test kan ha hittat ett problem, en kund kan ha klagat eller en upphandling kan kräva tydlig dokumentation. Lösningen måste fungera för människor, inte bara få grönt i ett testverktyg.
Intresset för tillgänglighet kan öka efter nya riktlinjer eller uppmärksammade ärenden. Använd ändå inte allmänna söktrender som bevis för vad dina kunder behöver. Kontrollera dina egna frågor, supportärenden och analyser.
Att rätta problem efter publicering kan bli dyrt. Det är oftast enklare att bygga in tangentbordsstöd, undertexter och tydliga kontroller från början.
Vad bör du göra nu?
Granska befintliga videowidgetar innan du lägger till fler. Kontrollera fokusordning, ARIA etiketter, stängknapp, ljud och uppspelning på riktiga sidor.
Testa med en skärmläsare. NVDA är kostnadsfritt i Windows och VoiceOver finns inbyggt på Mac.
Navigera sidan enbart med Tab och Enter. Om du inte kan starta, pausa, ändra volym och stänga din videobubbla behöver den rättas. Vilken WCAG nivå som krävs beror på sammanhanget, men grundläggande tangentbordsstyrning är alltid viktig.
Prioritera korrekta undertexter och en textversion före dekorativa detaljer. Automatiska undertexter från en videotjänst kan användas som utgångspunkt, men de måste granskas.
Kontrollera talarnamn, produktnamn och tekniska uttryck. Ladda upp en rättad undertextfil när den automatiska versionen innehåller fel.
Kontrollera färgkontrasten i alla knappar och reglage. Vilken kontrast som krävs beror på textens och kontrollens typ. Använd ett etablerat testverktyg och de WCAG kriterier som gäller för komponenten.
Mobilen kan visa andra problem än datorn. Pekytor måste vara tillräckligt stora och ha utrymme runt sig. Testa med riktiga fingrar och relevanta enheter i stället för att lita på ett enda mått.
Personer som använder hjälpmedel hittar ofta sådant som automatiska verktyg missar.
Dokumentera varför färger, knappstorlekar, fokusordning och uppspelningsval ser ut som de gör. Då kan nästa administratör behålla lösningen när webbplatsen ändras.
Tillgänglighet behöver kontrolleras efter uppdateringar av tema, CMS, app eller widget. Små förändringar kan återställa CSS eller beteenden som tidigare fungerade.
Videowidgetar ger webbplatsen ett mänskligt ansikte men har andra tillgänglighetsrisker än en statisk bild. Rörelse, ljud, fokus och saknade textalternativ kan skapa hinder för den som använder hjälpmedel eller föredrar mindre animation.
Här följer de tekniska delarna som gör videowidgeten användbar för fler utan att ta bort den personliga känslan.
Tangentbordsstyrning och fokus
Alla interaktiva delar i videowidgeten ska gå att nå med Tab och använda med vanliga tangenter. Start, stängning och volym ska följa en logisk ordning och får inte låsa fokus inuti widgeten.
Automatisk uppspelning och ljud
Video som startar med ljud kan skapa stora problem för skärmläsaranvändare och kan strida mot relevanta WCAG kriterier. Börja utan ljud och visa en tydlig pausknapp som inte kräver att muspekaren ligger över videon.
Moderna webbläsare begränsar ofta automatisk uppspelning med ljud. Tyst start eller klick för att spela ger därför ett mer förutsägbart resultat på olika enheter.
Textalternativ och visuell kontrast
Talat innehåll behöver synkroniserade undertexter. En textversion hjälper den som inte kan ta del av videon. Reglage behöver tillräcklig kontrast och tydliga fokusmarkeringar som inte bara bygger på färg.
Följ W3C:s riktlinjer för tillgänglighet och kontrollera vilka kriterier och nivåer som gäller för din webbplats, ditt land och din bransch.
Rörelse och kognitiv tillgänglighet
Widgetar som glider, studsar eller pulserar kan ge obehag eller göra det svårt att koncentrera sig.
Respektera inställningen för minskad rörelse i användarens operativsystem. Videon kan fortfarande finnas kvar utan att widgeten tvingar fram en animation.
Tillgänglighet betyder sällan att videon måste tas bort. Rätt HTML, tangentbordshändelser, undertexter och respekt för ljud och rörelse löser många hinder.
Behandla kraven som en del av produkten, inte som en ruta att bocka av. Kontrollera alltid det aktuella CompleteGreet beteendet med tangentbord, skärmläsare och minskad rörelse på den riktiga webbplatsen.
Vanliga frågor
Vad kostar CompleteGreet för ett mindre företag med omkring 10 000 besökare?
Pris, trafikgräns, antal videobubblor och support beror på den aktuella prislistan. Kontrollera planen och villkoren innan du räknar på kostnaden.
Kan jag installera CompleteGreet på Shopify utan en utvecklare?
Det beror på tema, samtycke, placering och önskade anpassningar. Använd den aktuella Shopify appen eller den installationsmetod som CompleteGreet stödjer och testa alltid resultatet.
Tar CompleteGreet betalt per videovisning, interaktion eller något annat?
Kontrollera den aktuella planens definitioner och gränser. Besöksräkning, återkommande trafik och beteendet vid en överskridning kan ändras mellan olika erbjudanden.
Hur snabbt kan en CompleteGreet widget publiceras?
Tiden beror på video, design, regler, samtycke, plattform och tester. En enkel installation kan gå snabbt, men publicera inte innan du har kontrollerat mobil, tillgänglighet och formulär.
Passar CompleteGreet för kundundersökningar och långa formulär?
CompleteGreet är främst gjort för videohälsningar, förtroende och korta uppmaningar. Om du behöver förgreningar, långa enkäter eller poängsättning passar ett specialiserat enkätverktyg bättre.
Vad händer om trafiken överstiger gränsen i min CompleteGreet plan?
Det beror på den aktuella planen och kontoinställningen. Kontrollera vad som händer vid gränsen och vilka val som finns innan du publicerar widgeten.
