WCAG 4.1.2 · Taso A

Painikkeilla on oltava tunnistettava teksti

Joillakin painikkeilla ei ole saavutettavaa nimeä, joten ruudunlukijan käyttäjät kuulevat vain ”painike”.

Mitä tämä sääntö tarkistaa

Varmistaa, että painikkeilla on tunnistettava teksti.

Miksi sillä on merkitystä

WCAG 4.1.2 edellyttää, että jokaisella säätimellä on nimi. Nimettömiä painikkeita ovat usein määrän säätimet, sulkemispainikkeet ja karusellin nuolet.

Miten se korjataan

  1. Etsi painikkeet, joilla ei ole nimeä. Yleensä ne ovat painikkeita, joissa näkyy pelkkä kuvake.
  2. Lisää näkyvä teksti, visuaalisesti piilotettu teksti tai aria-label, joka kertoo, mitä painike tekee (esimerkiksi aria-label="Close" tai aria-label="Increase quantity").

Miten korjaus tarkistetaan

  • Skannaa kyseiset sivut uudelleen.
  • Tarkista painikkeet ruudunlukijalla.

Miten FixReports löytää sen

Skannauksemme ajaa axe-core-säännön button-name oikeassa Chrome-selaimessa jokaisella testaamallaan sivulla ja raportoi jokaisen virheellisen elementin sekä sen sivun, merkintäkoodin ja tarvittaessa kuvakaappauksen.

Automaattinen testi vahvistaa, että juuri tämä ongelma on olemassa. Se ei voi kertoa, onko sivu muilta osin saavutettava: jotkin esteet tulevat esiin vasta, kun ihminen tarkistaa sivun.

Skannaa sivustosi tänään

Löydä. Korjaa. Varmista.

Millainen sivusto tämä on?

Vastauksesi valitsee oikeat tarkistukset, kuten ostopolun verkkokaupoille. Tarkistamme silti sivuston omat merkit ja näytämme molemmat.

Millainen sivusto tämä on?

Ilmainen skannaus. Luottokorttia ei tarvita.