✨ UUTTA!
Maksuton tarkistuslista verkkosivujen saavutettavuuteen
UUTTA:
Maksuton tarkistuslista verkkosivujen saavutettavuuteen
UUTTA:
Maksuton tarkistuslista verkkosivujen saavutettavuuteen
Takaisin listaan

Salli zoomaus pakottamatta vaakasuuntaista vieritystä

Näkövammaiset käyttäjät voivat suurentaa sisältöä jopa 400 %. Tällöin sisällön on järjestyttävä pystysuunnassa (yhtenä palstana) ja pysyttävä täysin luettavana ja loogisena ilman vaakasuuntaista vieritystä.

Merkitse tehdyksi
Kuvakaappaus huonosta esimerkistä: teksti ylivuotaa vaakasuunnassa, kun sivua zoomataan.
❌ Teksti ylivuotaa näytön ulkopuolelle vaakasuunnassa, kun sivua zoomataan.
Esimerkki hyvin skaalautuvasta tekstistä: sisältö mukautuu vaakasuunnassa zoomattaessa eikä ylity.
✅ Sisältö mukautuu vaakasuunnassa zoomattaessa eikä ylity.

Käytä suhteellisia yksiköitä (kuten % eli prosenttiosuuksia ja vw eli osuus näkymän leveydestä) asettaaksesi sisällön leveyden.

Tarkista kaikki breakpoints-kohdat, jotta sisältö ei pakota vaakasuuntaiseen vieritykseen.

Sisällön mukautumista eri näyttökokoihin kutsutaan myös responsiiviseksi suunnitteluksi. Se toteutetaan CSS-media queryillä, jotka muokkaavat sivun asettelua eri näyttöleveyksille (ns. breakpoints), jotta sisältö toimisi optimaalisesti esimerkiksi tableteilla ja älypuhelimilla.

On tärkeää huomata, että nämä breakpoints eivät aktivoidu vain silloin, kun selainikkuna on kapeampi, vaan myös silloin, kun käyttäjä suurentaa sivua zoomaustoiminnolla.

Tarkemmat ohjeet tulossa pian...
0
/ 48
🎉 Kiitos, että teet verkosta saavutettavamman!
Kopioi linkki
Nollaa edistyminen

Tarvitsetko apua saavutettavuuden optimoimiseen?

Autamme mielellämme tekemään yrityksellenne saavutettavat verkkosivut ulkoasusta ja suorituskyvystä tinkimättä.

Varaa tapaaminen asiantuntijan kanssa