This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Dostopnost
Kako se animacije izklopijo, ko delujejo?
Paralaksni učinki pri drsenju, elementi, ki letijo navzgor pri kliku, strani, ki se vrtijo med preklapljanjem: Za ljudi s vestibularnimi motnjami takšni gibi sprožijo omotico, slabost in glavobol. Merilo 2.3.3 ravni AAA zahteva, da se animacije, ki jih sproži operacija, izključijo, razen če je animacija bistvena za funkcijo ali informacije.
Kaj zahteva merilo
Vsako premikanje, ki se pojavi kot posledica operacije (škripanje, klikanje, tipkanje, swipping), se lahko izklopi, ne da bi se funkcija izgubila. Nežen zvitek na sidro postane skok, takoj se pojavi vodilni meni, ozadje paralakse miruje. Bistvene animacije so izključene: kazalnik napredka, ki prikazuje zaporedje ali simulacijo, katere vsebina je gibanje.
Izvajanje prek sistema
Operacijski sistemi imajo »zmanjšaj gibanje«, ki ga brskalnik prenese naprej kot medijsko poizvedbo raje-zmanjšano-motion. Slogovna predloga, ki pod to poizvedbo nastavi vse prehode in animacije na nič, izpolnjuje merilo za vse, kar je animirano prek CSS. Za animacije JavaScript se pred začetkom ovrednoti ista poizvedba. Ločeno stikalo na strani je dodatek za ljudi, ki ne poznajo nastavitev sistema.
Tako se soočamo s tem
Meritev lahko preveri, ali slogovna predloga vsebuje pravilo za preferenčno-zmanjšano gibanje in ali se animacije končajo pod njim; Če ga bodo poslušale animacije JavaScript, bo pregledovalec videl, ko bo deloval z nastavljeno. Merilo spada v kategorijo AAA po znanju.
Primeri
Paralakso brez izklopa
.held { background-attachment: fixed; }
.karte { transition: transform 0.6s; }
.karte:hover { transform: translateY(-20px) rotate(2deg); }@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
.held { background-attachment: scroll; }
}Sistemska nastavitev »Zmanjšaj gibanje« izklopi vse gibe, ki niso potrebni za funkcijo.
- Dodajte blok za raje-zmanjšano-motion v slogovno predlogo, ki določa prehode in animacije na 0,01 ms trajanje in drs-vedenje na avto.
- Ocenite poizvedbo v JavaScript (matchMedia) in začnite paralakso in učinke leta le, če je gibanje dovoljeno.
- Testiranje z nastavitvijo sistema: Nič več ni dovoljeno drseti, leteti ali vrteti.
- Ponudite vidno “Premik off” gumb, ki shrani izbiro v brskalniku.
