Tekstivälistys

Mitä kriteeri vaatii

Dysleksiasta, heikkonäköisyydestä tai kognitiivisista rajoitteista kärsivät käyttäjät asentavat usein selainlaajennuksia tai käyttäjätyylitiedostoja, jotka löysentävät tiukkaa typografiaa. Kriteeri määrittelee neljä tarkkarajaista muutosta — riviväli 1,5-kertaiseksi fonttikokoon nähden, kappaleiden väli 2-kertaiseksi, kirjainväli 0,12 em, sanaväli 0,16 em — ja edellyttää, että sivu toimii edelleen kun ne otetaan käyttöön. Ei leikattua tekstiä, ei ylivuotoa, ei kadonnutta sisältöä.

Miten vaatimus täytetään

• Asetetaan säiliöiden korkeudet min-height-ominaisuudella eikä kiinteällä height-arvolla, jotta ne kasvavat tekstin laajentuessa.
• Vältetään kiinteitä pikselkorkeuksia painikkeissa, navigaatioelementeissä, korteissa ja merkeissä — annetaan niiden kasvaa sisällön mukana.
• Testataan liittämällä selaimeen tunnettu kirjanmerkkilauseke (WCAG 1.4.12:n tekstivälistyskirjanmerkki), joka soveltaa kaikki neljä muutosta samanaikaisesti.
• Sallitaan tekstin luonnollinen rivittyminen; ei käytetä white-space: nowrap teksteissä, jotka voivat kasvaa.
• Tarkistetaan, että navigaatiovalikot, välilehdet ja välilehtimerkinnät mahtuvat edelleen kirjainvälin laajentuessa.

Yleisiä epäonnistumisia

• Painikkeet, joiden height: 40px leikkaa tekstimerkinnän, kun riviväli kasvaa 1,5-kertaiseksi.
• Välilehtimerkinnät, joissa white-space: nowrap ylivuotaa säiliön leveämmällä kirjainvälillä.
• Kortit, joissa kiinteä korkeus piilottaa tekstin “lue lisää” -häivytyksen taakse.
• Työkaluvihjeet ja merkit, jotka leikkaavat tekstinsä kappaleiden välin kasvaessa.
• Kiinteät yläpalkit, joiden navigointiteksti kasvaa ja peittyy niiden alle.

Miksi kriteeri on tärkeä

Tämä kriteeri paljastaa “yhteen välistysasetukseen suunnitellut” asettelut, joissa suunnittelija on lukinnut kaiken Figman täydelliseen rivikorkeuteen. Lukemistukityökalujen todelliset käyttäjät soveltavat välistysmuutoksia jatkuvasti. Korjaaminen tarkoittaa tavallisesti height-arvojen muuttamista min-height-arvoiksi ja white-space: nowrap -poistoja — pieniä, mekaanisia muutoksia, jotka hyödyttävät koko käyttöliittymää.