Mozgáscsökkentés – akiknek a mozgás nem élmény

Egy látványos weboldalt szeretünk mozgással gazdagítani: lebegő elemek, beúszó szakaszok, fény, amely végigsiklik a felületen. A legtöbb látogatónak ez élmény. Van azonban, akinek nem: egyes egyensúlyzavarokkal, migrénnel vagy bizonyos idegrendszeri érzékenységgel élő emberek számára a nagy felületen mozgó tartalom szédülést, hányingert, fejfájást okozhat.

A jó hír: erre létezik egyszerű, szabványos megoldás.

A rendszerbeállítás

A modern operációs rendszerekben – Windows, macOS, iOS, Android – van egy beállítás, amellyel a felhasználó jelezheti, hogy kevesebb mozgást szeretne. A neve rendszerenként más („Animációk megjelenítése”, „Mozgás csökkentése”), de a hatása ugyanaz: a böngésző ezt az igényt továbbadja a weboldalaknak.

A weboldal ezt egy egyszerű lekérdezéssel (prefers-reduced-motion) érzékelheti, és ennek megfelelően viselkedhet.

Mit csináljon ilyenkor az oldal?

A cél nem az, hogy az oldal „kikapcsoljon”, hanem hogy nyugodt változatban működjön tovább:

• Álljon meg minden folyamatos mozgás: lebegés, vándorló fény, végtelen szalag.
• A beúszó elemek egyszerűen jelenjenek meg – mozgás nélkül, a helyükön.
• A nagy elmozdulások maradjanak el: parallax, nagy méretű nagyítás, forgatás.
• A tartalom soha ne tűnjön el: ha egy elem animációval jelenne meg, mozgáscsökkentéskor azonnal látsszon.
• Az állapotjelzők a végállapotot mutassák: ha egy folyamatábra lépésenként töltődne fel, jelenjen meg készen.

Egy halk színváltás vagy áttűnés általában maradhat – a probléma elsősorban a térbeli mozgással van.

Mit mondanak az irányelvek?

Az akadálymentességi irányelvek (WCAG) két pontja kapcsolódik ide. Az egyik szerint az automatikusan induló, öt másodpercnél tovább tartó mozgást meg kell tudni állítani vagy el kell tudni rejteni. A másik (a szigorúbb, AAA szinten) szerint az interakcióra induló mozgást ki kell tudni kapcsolni, hacsak nem elengedhetetlen. A rendszerszintű mozgáscsökkentés tisztelete mindkét elvárásnak jó alapja.

Miért fontos ez egy látványos oldalnál?

Minél többet mozog egy oldal, annál többet számít, hogy le is tudjon állni. Egy prémium hatású oldal attól is prémium, hogy mindenkit szívesen lát. A mozgáscsökkentés tisztelete nem von le semmit a látványból – aki kéri, annak nyugodt, rendezett oldalt mutat, mindenki más pedig megkapja a teljes élményt.

Mellékhatásként az oldal is gyorsabb lesz annak, aki kikapcsolja a mozgást – egy régebbi telefonon ez kifejezetten jól jön.

Hogyan próbálhatja ki?

Kapcsolja be a mozgáscsökkentést a telefonja vagy számítógépe akadálymentességi beállításaiban, majd nyissa meg újra ezt az oldalt. A háló fénye, a lebegő kártyák és a szalag megállnak – a tartalom pedig ugyanúgy ott van.

Általánosabban arról, mikor segít az animáció és mikor zavar, külön írtunk. Mozgó elemeket mindig ezzel a szemlélettel építünk – erről az animáció és interakció oldalon olvashat.