Bevægeligt indhold §

Resume: Bevægeligt indhold skal være tilgængeligt for alle brugere. Implementér bedste praksis for at give brugerne kontrol over tidsbegrænsninger og sikre en bedre brugeroplevelse.

Billedet indeholder flere overlappende, blinkende og bevægende elementer som bannere, pop-ups og rullende tekst, hvilket skaber en kaotisk og overvældende oplevelse. Brugeren nederst på billedet ser frustreret og forvirret ud, hvilket fremhæver den negative indvirkning af sådanne animationer.

Vigtigheden af bevægeligt indhold

I dagens digitale landskab er det afgørende for virksomheder at sikre, at deres hjemmesider er tilgængelige for alle brugere. Et af de centrale aspekter ved tilgængelighed er at sikre, at brugerne har tilstrækkelig tid til at læse og anvende indholdet. Ifølge WCAG 2.1 Succeskriterie 2.2 skal hjemmesider give brugerne kontrol over tidsbegrænsninger og bevægeligt indhold. Dette er ikke kun en lovgivningsmæssig nødvendighed, men også en vigtig faktor for at forbedre brugeroplevelsen og øge inklusionen.

Hvad er bevægeligt indhold?

Bevægeligt indhold refererer til enhver form for indhold, der ændrer sig eller opdateres automatisk på en hjemmeside. Dette kan inkludere blinkende bannere, automatisk scrollende tekst, eller realtidsopdateringer. Mens disse elementer kan være effektive til at fange brugerens opmærksomhed, kan de også være distraherende eller endda utilgængelige for nogle brugere, især dem med syns- eller kognitive handicap.

Giv brugerne tid

Forestil dig en bruger der har en kognitiv funktionsnedsættelse, som besøger din hjemmeside for at finde information. Hun vil ofte føle sig presset af tidsbegrænsninger. Men på din hjemmeside kan hun nemt tilpasse tidsbegrænsningerne og tage den tid, hun har brug for. Dette forbedrer hendes oplevelse markant og gør hende mere tilbøjelig til at vende tilbage.

Digitaliseringsstyrelsen: Indhold, der bevæger sig, blitzer eller blinker

En kvinde med briller og kort hår sidder ved et skrivebord og kigger koncentreret på en stor iMac-skærm.

Bedste praksis for bevægeligt indhold

For at sikre, at din hjemmeside er tilgængelig, er der flere bedste praksis, du bør følge:

  1. Slå fra: Giv brugerne mulighed for at deaktivere tidsbegrænsninger, før de udløber. Dette kan være særligt nyttigt for brugere, der har brug for ekstra tid til at forstå og interagere med indholdet.
  2. Tilpasse: Tillad brugerne at tilpasse tidsbegrænsningerne, så de kan forlænge tiden til at læse eller udføre opgaver på hjemmesiden. Dette kan inkludere indstillinger, der giver brugerne mulighed for at forlænge tiden mindst ti gange længere end standardindstillingen.
  3. Udvide: Advar brugerne, før en tidsbegrænsning udløber, og giv dem mindst 20 sekunder til at forlænge tidsbegrænsningen ved hjælp af en simpel handling som at trykke på mellemrumstasten.

Specifikke overvejelser for realtime begivenheder

For visse realtime begivenheder, som auktioner, er tidsbegrænsninger en nødvendig del af funktionaliteten. I disse tilfælde er det vigtigt at sikre, at der ikke er andre alternativer til tidsbegrænsningen, og at brugerne er fuldt informeret om tidsrammen for begivenheden.

Automatisk opdatering og bevægeligt indhold

Når det kommer til automatisk opdatering af information, er det vigtigt at give brugerne kontrol. Her er nogle nøglepunkter at overveje:

  • Pause, stop, skjul: Brugerne skal have mulighed for at pause, stoppe eller skjule enhver form for bevægelse, blink eller scrollning, der varer mere end fem sekunder, medmindre det er nødvendigt for en specifik funktion.
  • Automatisk opdatering: Hvis information opdateres automatisk, skal brugerne kunne kontrollere opdateringsfrekvensen eller stoppe opdateringen helt.

Praktiske tips og gode råd

  • Brugervenlige Advarsler: Implementer klare og brugervenlige advarsler, der informerer brugerne om udløb af tidsbegrænsninger, og giv dem mulighed for at forlænge tiden. Læs også om Hjælp ved input fra brugere
  • Test Din Hjemmeside: Test din hjemmeside med brugere, der har forskellige typer handicap, for at sikre, at de kan navigere og interagere med indholdet uden problemer. Læs også om Accessibility-test
  • Fleksible Tidsbegrænsninger: Undgå strenge tidsbegrænsninger, medmindre det er absolut nødvendigt. Giv brugerne fleksibilitet til at kontrollere deres egen oplevelse.

Konklusion

At sikre, at brugerne har tilstrækkelig tid til at læse og anvende indhold på din hjemmeside, er afgørende for at skabe en inkluderende og tilgængelig oplevelse. Ved at følge WCAG 2.1 Succeskriterie 2.2 kan virksomheder forbedre brugeroplevelsen og sikre, at alle brugere har lige adgang til information og funktioner.

For mere information om WCAG lovkrav: Krav for WCAG 2.1.

Artikel af Rasmus Michelsen

Foto af Rasmus Michelsen, senior UX Designer med ekspertise i digital tilgængelighed.

Rasmus Michelsen er senior UX Designer med mange års erfaring inden for digital tilgængelighed. Han arbejder for at sikre, at alle brugere kan få adgang til digitale løsninger, og hjælper virksomheder med at implementere WCAG 2.1-standarder. Rasmus er kendt for sin evne til at formidle komplekse emner på en letforståelig måde.

Foto af Rasmus Michelsen, senior UX Designer med ekspertise i digital tilgængelighed.

Andre har også læst

Tilpasningsdygtigt indhold

Sørg for meningsfuld rækkefølge, forståelig struktur og korrekt præsentation af information og relationer.
WCAG 2.1 Succeskriterie 1.3

Hjælp ved input fra brugeren

Giv klare fejlmeddelelser, automatiske forslag, forudsigelse af input, og brugervenlige formularer for færre fejl.
WCAG 2.1 Succeskriterie 3.3