WCAG 1.1.1 · Taso A

<svg>-elementeillä, joiden rooli on img tai image, on oltava vaihtoehtoinen teksti

Tietoa välittävällä SVG-kuvalla ei ole tekstivastinetta.

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

Varmistaa, että <svg>-elementeillä, joiden rooli on img, image, graphics-document tai graphics-symbol, on saavutettava teksti.

Miksi sillä on merkitystä

WCAG 1.1.1 edellyttää merkityksellisille kuville tekstivastinetta.

Miten se korjataan

  1. Lisää merkityksellisiin SVG-kuviin aria-label tai <title> -elementti ja pelkästään koristeellisiin aria-hidden="true".

Miten korjaus tarkistetaan

  • Skannaa kyseiset sivut uudelleen.

Miten FixReports löytää sen

Skannauksemme ajaa axe-core-säännön svg-img-alt 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.