Tekstin välistys

Silktide löytää elementit, joiden upotetut tyylit lukitsevat niiden tekstin välistyksen – letter-spacing, word-spacing tai line-height – !important-määreellä WCAG:n vähimmäisarvoa pienemmäksi, jolloin käyttäjät eivät voi säätää sitä.

Miksi tällä on merkitystä

Lukihäiriöiset tai heikkonäköiset ihmiset tarvitsevat usein tekstin väljemmäksi, jotta voivat lukea sitä: korkeampia rivejä sekä leveämpiä välejä kirjainten ja sanojen väliin. He tekevät tämän selaimen laajennuksilla ja mukautetuilla tyylitiedostoilla, jotka ohittavat sivun välistykset.

Nämä työkalut lisäävät tavallista tekijätason CSS:ää. Elementin style-attribuutin sisällä oleva !important-määrittely voittaa jokaisen tekijätason säännön riippumatta sen tarkkuudesta – se on sivulla ainoa rakenne, jota nämä työkalut eivät voi ohittaa. Kun se lukitsee välistyksen alle vähimmäisarvojen, käyttäjä jää yksinkertaisesti ulkopuolelle.

-menestyskriteeri 1.4.12 (taso AA) edellyttää, että sisältö säilyy käyttökelpoisena, kun käyttäjät kasvattavat tekstin välistyksen vähintään seuraaviin arvoihin:

Rivinkorkeus – 1,5 kertaa fonttikoko
Kirjainvälistys – 0,12 kertaa fonttikoko
Sanavälistys – 0,16 kertaa fonttikoko

Korjaaminen

Tee jokaiselle merkitylle elementille jokin seuraavista:

Poista !important-merkintä upotetusta määrittelystä. Käyttäjien työkalut voivat silloin ohittaa sen, eikä suunnittelusi muutu muiden osalta.
Siirrä määrittely tyylitiedostoon. Myös !important-merkinnällä tyylitiedoston säännöt voidaan ohittaa käyttäjätyökaluilla.
Nosta arvo WCAG:n vähimmäisarvoon, jos välistyksen on aidosti oltava kiinnitetty.

<!-- Epäonnistuu: lukittu alle vähimmäisarvon; käyttäjätyökalut eivät voi ohittaa tätä -->
<p style="line-height: 1.2 !important">…</p>

<!-- Korjattu: voidaan ohittaa -->
<p style="line-height: 1.2">…</p>

<!-- Tämäkin on hyväksyttävä: lukittu, mutta arvo täyttää jo vähimmäisvaatimuksen -->
<p style="line-height: 1.5 !important">…</p>

Miten Silktide testaa tämän

Etsi elementit, joiden style-attribuutti määrittelee letter-spacing-, word-spacing- tai line-height-ominaisuuden !important-merkinnällä ja jotka sisältävät suoraan näkyvää tekstiä.
Laske määritetty arvo suhteessa elementin fonttikokoon.
Raportoi elementti, kun lukittu arvo alittaa kyseisen ominaisuuden WCAG:n vähimmäisarvon.

Tämä vastaa W3C:n ACT-sääntöjä kriteerille 1.4.12 (kirjainvälistys, sanavälistys, rivinkorkeus).

Silktide ei merkitse tyylitiedostojen !important-välistyksiä – käyttäjätyökalut voivat edelleen ohittaa ne – eikä se simuloi välistysohitusten käyttöönottoa rikkoutuneiden asettelujen havaitsemiseksi, mitä mikään automaattinen työkalu ei tällä hetkellä tee. Tämän tarkistuksen läpäiseminen tarkoittaa, ettei sivulla mikään estä käyttäjiä säätämästä välistystä; sen testaaminen, että asettelusi pysyy luettavana säädetyllä välistyksellä, on nopea manuaalinen testi tekstin välistyksen bookmarkletilla.

Vianmääritys

Upotettu tyyli tulee kehyksestä tai kolmannen osapuolen pienoisohjelmasta

Komponenttikirjastot ja upotusskriptit kirjoittavat joskus upotettuja !important-tyylejä. Ne lasketaan silti sivuasi vastaan; tarkista toimittajan asetukset tai ota asia heidän kanssaan esille.

Välistys on lukittu vaatimustenmukaiseen arvoon

WCAG:n vähimmäisarvojen suuruiset tai niitä suuremmat arvot läpäisevät tarkistuksen, vaikka ne ovat lukittuja – line-height: 1.6 !important -arvon lukitseminen ei haittaa ketään, koska se ylittää jo arvon, johon käyttäjät sen nostaisivat.