Guides 24. marts 2026

Guide til tilgængelige videowidgets

Praktisk guide til tastatur, undertekster, kontrast, fokus og mindre bevægelse i en tilgængelig videowidget.

Guide til tilgængelige videowidgets

Kort fortalt

  • En videoboble er tilgængelig, når den kan bruges med tastatur, fungerer med skærmlæsere og lader den besøgende styre afspilning, lyd og pause.
  • God tilgængelighed gør videoen brugbar for flere og mindsker risikoen for, at widgetten spærrer for vigtige dele af hjemmesiden.
  • Gennemgå de videowidgets, der allerede findes på hjemmesiden, før du tilføjer en ny.

En tilgængelig videowidget følger de relevante WCAG kriterier og har undertekster, tekstalternativer, tastaturstyring og støtte til skærmlæsere. Kravene varierer mellem lande og brancher, så undersøg, hvad der gælder for din virksomhed. Automatiske tests er kun begyndelsen. Du skal også teste med tastatur og hjælpemidler.

Du behøver ikke altid en udvikler for at rette de mest almindelige problemer.

Bedre kontrast, gennemtænkt afspilning og korrekte undertekster fjerner mange barrierer. Prøv at bruge widgetten uden mus. Hvis du ikke kan starte, sætte på pause og lukke den med tastaturet, skal den justeres.

Hvad er det korte svar?

En videoboble er tilgængelig, når den kan styres med tastatur, fungerer med skærmlæsere og giver brugeren kontrol over automatisk afspilning og pause.

En videoboble som starter lyd uden tydelige knapper, kan være i strid med relevante WCAG kriterier. Typiske problemer er en ulogisk rækkefølge for fokus og manglende tekstalternativer til visuelt indhold.

Automatiske værktøjer finder ikke alle de problemer med tilgængelighed, som mennesker møder.

En bestået automatisk test betyder derfor ikke, at widgetten er nem at bruge. Test med tastatur, stemmestyring og skærmlæsere som NVDA og VoiceOver. Først da ser du, hvordan løsningen fungerer i praksis.

Hvorfor er det vigtigt?

En tilgængelig videowidget kan bruges af flere og mindsker både praktiske og juridiske risici. De præcise regler, klagemuligheder og omkostninger varierer mellem lande og brancher. En videoboble som spærrer for skærmlæsere eller mangler tastaturstyring, kan udelukke besøgende med det samme.

Illustration af hvorfor tilgængelighed er vigtig for videowidgets

Mange mennesker lever med et handicap, men andelen og definitionerne varierer fra kilde til kilde. Pointen er enkel: Tilgængelighed handler om en stor gruppe rigtige besøgende, ikke om et sjældent særtilfælde.

Video uden undertekster, tekstversion eller tastaturstyring udelukker personer, som ikke kan høre eller bruge en mus. Automatisk afspilning, låst fokus og en svær lukknap gør problemet større.

En person, der leder efter en tilgængelig videoløsning, har ofte en konkret grund. En intern test kan have fundet et problem, en kunde kan have klaget, eller et udbud kan kræve tydelig dokumentation. Løsningen skal fungere for mennesker, ikke blot få grønt lys i et testværktøj.

Interessen for tilgængelighed kan stige efter nye retningslinjer eller sager, som får meget opmærksomhed. Brug dog ikke generelle søgetendenser som bevis på, hvad dine kunder har brug for. Se i stedet på egne spørgsmål, supportsager og data.

Det kan blive dyrt at rette problemer efter udgivelsen. Det er som regel lettere at bygge tastaturstøtte, undertekster og tydelige knapper ind fra begyndelsen.

Hvad bør du gøre nu?

Gennemgå de videowidgets, du allerede bruger, før du tilføjer flere. Kontrollér rækkefølgen for fokus, ARIA etiketter, lukknap, lyd og afspilning på rigtige sider.

Test med en skærmlæser. NVDA er gratis på Windows, og VoiceOver er indbygget på Mac.

Gå gennem siden udelukkende med Tab og Enter. Hvis du ikke kan starte, sætte på pause, ændre lydstyrken og lukke din videoboble skal den rettes. Det nødvendige WCAG niveau afhænger af sammenhængen, men grundlæggende tastaturstyring er altid vigtig.

Prioritér korrekte undertekster og en tekstversion før pynt. Automatiske undertekster fra en videotjeneste kan være et udgangspunkt, men de skal læses igennem og rettes.

Kontrollér navne på talere, produkter og tekniske udtryk. Upload en rettet undertekstfil, når den automatiske version indeholder fejl.

Kontrollér farvekontrasten i alle knapper og betjeningselementer. Det nødvendige kontrastforhold afhænger af typen af tekst og kontrol. Brug et anerkendt testværktøj og de WCAG kriterier, som gælder for elementet.

En mobil kan vise andre problemer end en computer. Trykflader skal være store nok og have plads omkring sig. Test med rigtige fingre og relevante enheder i stedet for at stole på et enkelt mål.

Personer, der bruger hjælpemidler, finder ofte problemer, som automatiske værktøjer overser.

Dokumentér, hvorfor farver, knapstørrelser, rækkefølge for fokus og valg for afspilning ser ud, som de gør. Så kan den næste administrator bevare løsningen, når hjemmesiden ændres.

Tilgængeligheden skal kontrolleres efter opdateringer af tema, CMS, app eller widget. Små ændringer kan nulstille CSS eller funktioner, som tidligere virkede.

Videowidgets giver hjemmesiden et menneskeligt ansigt, men har andre risici for tilgængeligheden end et statisk billede. Bevægelse, lyd, fokus og manglende tekstalternativer kan skabe barrierer for personer, der bruger hjælpemidler eller foretrækker mindre animation.

Her er de tekniske dele, der gør videowidgetten brugbar for flere uden at fjerne det personlige udtryk.

Tastaturstyring og fokus

Alle interaktive dele i videowidgetten skal kunne nås med Tab og bruges med de normale taster. Start, lukning og lydstyrke skal følge en logisk rækkefølge, og fokus må ikke blive låst inde i widgetten.

Automatisk afspilning og lyd

Video, der starter med lyd, kan skabe store problemer for brugere af skærmlæsere og kan være i strid med relevante WCAG kriterier. Start uden lyd, og vis en tydelig pauseknap, som ikke kræver, at musen holdes over videoen.

Moderne browsere begrænser ofte automatisk afspilning med lyd. En lydløs start eller et klik for at afspille giver derfor et mere forudsigeligt resultat på tværs af enheder.

Tekstalternativer og visuel kontrast

Talt indhold skal have synkroniserede undertekster. En tekstversion hjælper personer, som ikke kan bruge videoen. Betjeningselementer skal have tilstrækkelig kontrast og tydelige markeringer af fokus, som ikke kun bygger på farve.

Følg W3C’s retningslinjer for tilgængelighed og kontrollér, hvilke kriterier og niveauer der gælder for din hjemmeside, dit land og din branche.

Bevægelse og kognitiv tilgængelighed

Widgets, som glider, hopper eller pulserer, kan give ubehag eller gøre det svært at koncentrere sig.

Respektér brugerens indstilling for mindre bevægelse i operativsystemet. Videoen kan stadig være der, uden at widgetten tvinger en animation frem.

Tilgængelighed betyder sjældent, at videoen skal fjernes. Korrekt HTML, tastaturhændelser, undertekster og respekt for lyd og bevægelse løser mange barrierer.

Behandl kravene som en del af produktet, ikke som et punkt på en tjekliste. Kontrollér altid CompleteGreets aktuelle funktion med tastatur, skærmlæser og mindre bevægelse på den rigtige hjemmeside.

Ofte stillede spørgsmål

Hvad koster CompleteGreet for en mindre virksomhed med omkring 10.000 besøgende?

Pris, trafikgrænse, antal videobobler og support afhænger af den aktuelle prisliste. Kontrollér planen og vilkårene, før du beregner omkostningen.

Kan jeg installere CompleteGreet på Shopify uden en udvikler?

Det afhænger af tema, samtykke, placering og ønskede tilpasninger. Brug den aktuelle Shopify app eller den installationsmetode, som CompleteGreet understøtter, og test altid resultatet.

Tager CompleteGreet betaling pr. videovisning, interaktion eller noget andet?

Kontrollér definitionerne og grænserne i den aktuelle plan. Optælling af besøg, tilbagevendende trafik og håndteringen af en overskridelse kan ændre sig mellem tilbud.

Hvor hurtigt kan en CompleteGreet widget udgives?

Tiden afhænger af video, design, regler, samtykke, platform og test. En enkel installation kan gå hurtigt, men udgiv ikke, før du har kontrolleret mobilvisning, tilgængelighed og formularer.

Egner CompleteGreet sig til kundeundersøgelser og lange formularer?

CompleteGreet er primært lavet til videohilsner, tillid og korte opfordringer. Hvis du har brug for forgreninger, lange spørgeskemaer eller point, er et specialiseret værktøj til spørgeskemaer et bedre valg.

Hvad sker der, hvis trafikken overstiger grænsen i min CompleteGreet plan?

Det afhænger af den aktuelle plan og kontoens indstillinger. Kontrollér, hvad der sker ved grænsen, og hvilke muligheder du har, før du udgiver widgetten.

Azad Habib

Azad Habib

CEO og stifter af CompleteGreet

Azad Habib er stifter af CompleteGreet. Med en baggrund i ecommerce og brugeroplevelse (UX) arbejder han i krydsfeltet mellem tillid, tydelighed og konvertering for at gøre websites mere menneskelige fra første klik.