Animaatio vuorovaikutuksesta

Silktide kehottaa sinua varmistamaan, että käyttäjän vuorovaikutuksen käynnistämä liikeanimaatio – vierityksen parallaksi, hiiren osoittimen siirron muunnokset, napsautussiirtymät – voidaan poistaa käytöstä, ellei liike ole välttämätöntä. Tämä on -onnistumiskriteeri 2.3.3 (taso AAA).

Tämä on : sen päättäminen, onko liike välttämätöntä, onko kytkin käytettävissä ja onko prefers-reduced-motion otettu käyttöön oikein, edellyttää henkilön vuorovaikutusta sivun kanssa. Silktide näyttää kehotteen jokaisella sivulla, ja henkilö vahvistaa sen.

Miksi tämä on tärkeää

Vierittämisen, hiiren osoittamisen tai napsauttamisen käynnistämä liike voi aiheuttaa tasapainoelimistön häiriöitä – huimausta, pahoinvointia, migreeniä – henkilöille, jotka ovat sille herkkiä. Käyttöjärjestelmät sisältävät "vähennä liikettä" -asetuksen juuri tästä syystä. Sivustot, jotka eivät huomioi sitä, pakottavat nämä käyttäjät joko sietämään liikettä tai poistumaan sivulta.

Tämä eroaa kohdasta Keskeytä, pysäytä, piilota (2.2.2), joka koskee animaatiota, jonka sivu käynnistää itse. Kohta 2.3.3 koskee animaatiota, jonka käyttäjä käynnistää.

Mitä tarkistaa

Ole vuorovaikutuksessa sivun kanssa: vieritä, siirrä hiiren osoitin, kohdista kohdistus, napsauta. Huomioi kaikki liike, joka siirtää sisältöä tilassa (parallaksi, sisään liukuvat elementit, pomppiminen, sivunkääntösiirtymät). Pelkkiä peittävyyden häivytyksiä ei lasketa.
Ota käyttöjärjestelmän vähennä liikettä -asetus käyttöön (tai emuloi prefers-reduced-motion: reduce -asetusta selaimen kehittäjätyökaluissa) ja toista toimenpiteet. Ei-välttämättömän liikkeen tulisi pysähtyä.
Jos sivusto ei huomioi käyttöjärjestelmän asetusta, etsi sivulta säädin, joka poistaa ei-välttämättömän animaation käytöstä. Varmista, että se toimii eikä piilota sisältöä.
Toiminnolle välttämätön liike (latausanimaatio, edistymispalkki, animaation luomisen esikatselu) on vapautettu vaatimuksesta – kirjaa tämä arvio, kun hyväksyt löydöksen.

Kuinka korjata se

Noudata ensisijaisesti prefers-reduced-motion-asetusta CSS:ssä ja JavaScriptissä (WCAG-tekniikat C39 ja SCR40).
Vaihtoehtoisesti tarjoa koko sivustoa koskeva säädin, joka poistaa käytöstä ei-välttämättömän, vuorovaikutuksen käynnistämän liikkeen.
Vältä parallaksia ja suuria tilallisia siirtymiä, kun yksinkertaisempi tehoste riittää.

Jos sivulla ei ole vuorovaikutuksen käynnistämää liikettä tai kaikki sellainen liike voidaan poistaa käytöstä (tai se on välttämätöntä), löydös.

Kuinka Silktide testaa tämän

Silktide ei voi havaita liikettä ajan kuluessa staattisesta indeksoinnista, joten tämä tarkistus näyttää jokaisella sivulla yhden arviointikehotteen, joka kuvaa, mitä on varmistettava. Yksikään yleisesti käytetty työkalu ei automatisoi kohtaa 2.3.3 – sille ei ole W3C ACT -sääntöä, eikä axe tai Siteimprove tarjoa sille tarkistusta.