1.4.10 Responsiivisuus

Kriteeri (taso AA)

Sisältö voidaan esittää ilman, että sisältöä tai toiminnallisuutta menetetään, ja ilman kahdensuuntaista vierittämistä

  • Pystysuuntaan vieritettävässä sisällössä 320 CSS-pikselin levyisenä
  • Vaakasuuntaan vieritettävässä sisällössä 256 CSS-pikselin korkuisena.

Lukuunottamatta sisällön osia, jotka vaativat kahdensuuntaista esitystapaa käytön tai merkityksen vuoksi.

Kuvaus

Kriteerin tavoitteena on välttää kahteen suuntaan vierittämistä. Verkkosivua tulee pystyä selaamaan 320 pikseliä leveällä näytöllä niin, että sisältöä ei tarvitse vierittää sivuttaissuuntaisesti. Jos sisältöä vieritetään pääasiassa vaakasuuntaisesti, sen tulee toimia 256 pikseliä korkealla näytöllä ilman, että sisältöä tarvitsee vierittää pystysuuntaisesti. Kriteeri hyödyttää mobiililaitten käyttäjiä tai henkilöitä, jotka suurentavat verkkosivun näkymää selaimen asetuksista.

Tämä onnistumiskriteeri ei koske esimerkiksi karttoja tai suuria taulukoita. 

Miten tarkistetaan

Pienennä selainikkunaa 320 CSS-pikselin levyiseksi, jos sivua selataan "normaalisti" pystysuuntaan vierittämällä, tai 256 pikselin korkuiseksi, jos sivua selataan vaakasuuntaan vierittämällä. Tämän jälkeen tarkista, että sivua ei tarvitse vierittää kahteen suuntaan kaiken sisällön ja toiminnallisuuden käyttämiseksi.

← Edellinen ohje1.4.9 Tekstiä esittävät kuvat (ei poikkeusta)
Seuraava ohje →1.4.11 Ei-tekstimuotoisen kontrasti