A11ying with Sanna - Toki, jos voisin opas saavutettavuuteen

Vinkkejä tekstisisällön suunnitteluun

Kun suunnittelet tekstisisältöä, muista, että käyttäjien pitää voida zoomata tekstisisältöä (sekä koko ruutua että vain tekstiä).

Tekstisisältö

Muista, että käyttäjien tulee voida zoomata sisältöä (sekä koko ruutua että vain tekstiä). Älä suunnittele mitään elementtejä, jotka eivät tarvittaessa saa kasvattaa kokoaan. Käyttäjien pitää voida zoomata tekstiä 200 prosenttiin asti ilman sisällön tai toiminnallisuuden menettämistä. Tämä katetaan kriteerissä 1.4.4 (taso AA). 

Kriteeri 1.4.12 (taso AA) määrittä,ä että käyttäjän pitäisi voida muokata tekstirivien korkeutta ja tekstin välistystä ilman sisällön tai toiminnallisuuden menettämistä.

Älä suunnittele liian pieniä kohteita, varmista, että käyttäjät voivat osua nappeihin ja muihin kohde-elementteihin. Mikäli tähtäät tasoon AAA, minimikoko tällaisille elementeille on 44 kertaa 44 CSS pikseliä. Jos ikonit ovat pienempiä, lisää niihin paddingia minimikoon saavuttamiseksi. Tätä kattaa kriteeri 2.5.5 (taso AAA). Muista myös jättää kohde-elementtien väliin hieman tilaa.

Mikäli tähtäät tasoon AAA, muista tarkastaa kriteeri 1.4.8 tekstilohkojen visuaalisesta esitystavasta. Esimerkiksi tekstiä ei saa tasata molempiin reunoihin. Rivivälin korkeus on vähintään puolitoista riviä kappaleiden sisällä ja kappaleiden väli on vähintään 1,5 kertaa suurempi kuin riviväli.

Interaktiivisten elementtien (kuten napit ja linkit) tekstit

Kaikki interaktiiviset elementit pitäisi nimetä selkeästi. Hyvin suunnitellut interaktiiviset elementit kertovat käyttäjille miten heidän tulisi käyttää näitä elementtejä.

Napit

Napin tekstin tulisi selkeästi kehottaa toimintaan. Esimerkiksi jos dialogissa pyydetään käyttäjää tallentamaan muutokset, on parempi, että nappien tekstit ovat "Hylkää" ja "Tallenna" sen sijaan, että napit olivat vain "Ei" ja "Kyllä". Nappiteksti "Lähetä" voisi yleensä myös olla kuvaavampi, mutta tämä on suurempi ongelma englannin kielellä (submit).

Linkit

Pyri määrittämään linkeille teksti, joka kertoo linkin tarkoituksen ilman tarvetta lukea sen kontekstia. Vältä turhan geneerisiä linkkitekstejä, kuten "lue lisää" tai "klikkaa tästä".