2.3.3 Lugn sida AAA

När användare klickar på en knapp eller håller muspekaren över ett kort kan en animation visa hur knappen fäller ut sitt innehåll eller hur kortet vänder på sig. Sådana animationer, som triggas av interaktion, kan ge vissa användare illamående, yrsel eller huvudvärk. Därför är det viktigt att animationerna går att stänga av.

Denna riktlinje handlar om interaktiva animationer. Interaktion innebär att exempelvis klicka, föra muspekaren över något, skrolla, eller ge ett element fokus med tangentbordet. Riktlinjen omfattar alla typer av animationer, inklusive parallaxskrollning vilket innebär att förgrund och bakgrund rör sig i olika hastigheter när användaren skrollar.

Användare kan stänga av animationer via sina operativsystem eller webbläsare. Därför är det tillåtet att använda animationer, men de ska följa användarens egna inställningar för att kunna stängas av. Det är även möjligt att lägga till en inställning direkt på webbplatsen som låter användaren avaktivera animationer.

Exempel

I detta exempel finns ett kort som vänder på sig med en animation när en klickar på kortet. Det är en vanlig typ av animation som många webbplatser använder. I detta exempel går animationen att stänga av, vilket kan göra sidan lugnare.

Undantag

Om en animation är absolut nödvändig för funktionen undantas den från riktlinjen.

Vanlig skrollning på en webbplats är också undantagen. Även om det kan uppfattas som en animation när innehåll rör sig in i fönstret så är det nödvändigt för skrollfunktionens användbarhet. Däremot undantas inte effekter där innehåll byter plats eller skrollar i olika takt.

Läs mer om riktlinje 2.3.3 på W3Cs webbplats.