1.4.10 Responsiivisuus

Kri­tee­ri (taso AA)

Si­säl­tö voi­daan esit­tää il­man si­säl­lön tai toi­min­nal­li­suu­den me­net­tä­mis­tä ja il­man kah­den­suun­tais­ta vie­rit­tä­mis­tä, kun

• pys­ty­suun­taan vie­ri­tet­tä­vän si­säl­lön le­veys on 320 CSS-pik­se­liä
• vaa­ka­suun­taan vie­ri­tet­tä­vän si­säl­lön kor­keus on 256 CSS-pik­se­liä.

Tämä ei koske si­säl­lön osia, jot­ka vaa­ti­vat kah­den­suun­tais­ta esi­tys­ta­paa käy­tön tai mer­ki­tyk­sen vuok­si.

Huo­mau­tus 1: 320 CSS-pik­se­liä vas­taa 1280 CSS-pik­se­lin le­vyis­tä se­lai­nik­ku­naa, joka on zoo­mat­tu 400 % ko­koi­sek­si. Vaa­ka­suun­taan vie­ri­tet­tä­väs­sä si­säl­lös­sä (esim. pys­ty­suun­tai­nen kir­joi­tus) 256 CSS-pik­se­liä vas­taa 1024 px kor­ke­aa se­lai­nik­ku­naa, joka on zoo­mat­tu 400 % ko­koi­sek­si.

Huo­mau­tus 2: Esi­merk­ke­jä si­säl­löis­tä, jois­sa vaa­di­taan kah­den­suun­tais­ta esi­tys­ta­paa, ovat ku­vat, kar­tat, dia­gram­mit, vi­deo­pe­lit, esi­tyk­set, tau­luk­ko­muo­toi­nen data ja käyt­tö­liit­ty­mät, jois­sa on tar­peel­lis­ta pi­tää työ­ka­lu­palk­ki nä­ky­vis­sä, kun kä­si­tel­lään si­säl­töä.

Ku­vaus

Kri­tee­rin ta­voit­tee­na on vält­tää kah­teen suun­taan vie­rit­tä­mis­tä. Verk­ko­si­vua tu­lee pys­tyä se­laa­maan 320 pik­se­liä le­veäl­lä näy­töl­lä niin, että si­säl­töä ei tar­vit­se vie­rit­tää si­vut­tais­suun­tai­ses­ti. Jos si­säl­töä vie­ri­te­tään pää­asias­sa vaa­ka­suun­tai­ses­ti, sen tu­lee toi­mia 256 pik­se­liä kor­keal­la näy­töl­lä il­man, että si­säl­töä tar­vit­see vie­rit­tää pys­ty­suun­tai­ses­ti. Kri­tee­ri hyö­dyt­tää mo­bii­li­lait­teen käyt­tä­jiä ja hen­ki­löi­tä, jot­ka suu­ren­ta­vat verk­ko­si­vun nä­ky­mää se­lai­men ase­tuk­sis­ta.

Tämä on­nis­tu­mis­kri­tee­ri ei kos­ke esi­mer­kik­si kart­to­ja tai suu­ria tau­lu­koi­ta.

Mi­ten tar­kis­te­taan

Pie­nen­nä se­lai­nik­ku­naa 320 CSS-pik­se­lin le­vyi­sek­si, jos si­vua se­la­taan ”nor­maa­lis­ti” pys­ty­suun­taan vie­rit­tä­mäl­lä, tai 256 pik­se­lin kor­kui­sek­si, jos si­vua se­la­taan vaa­ka­suun­taan vie­rit­tä­mäl­lä. Tä­män jäl­keen tar­kis­ta, että si­vua ei tar­vit­se vie­rit­tää kah­teen suun­taan kai­ken si­säl­lön ja toi­min­nal­li­suu­den käyt­tä­mi­sek­si.