1.1.1 Ei-tekstuaalinen sisältö - alt-attribuutti

Tällä kuvalla on vaihtoehtoisena tekstinä vain hölynpölyä. Valitettavasti olen nähnyt tällasia tilanteissa, joissa vaihtoehtoinen teksti on pakollinen kenttä ja sisällöntuottaja ei ymmärrä mikä vaihtoehtoisen tekstin tarkoitus on.

Seuraavalta kuvalta alt-teksti ja alt-attribuutti puuttuvat kokonaan.

Alla olevassa kuvassa on hieman kuvaavampi vaihtoehtoinen teksti. Kuva tulee arvottuna Picsum-palvelusta, joten vaihtoehtoinen teksti ei ole kyseiselle kuvalle kuvaava. Mutta idea käy tästä kuitenkin ilmi.

Esimerkki kuvasta ilman vaihtoehtoista tekstiä.

Muista, että jos kuvassa on linkki, vaihtoehtoisen tekstin tulisi kuvailla linkin kohdetta eikä kuvaa itseään. Muista myös, että jos kuva on koristeellinen, jätä vaihtoehtoinen teksti on tyhjäksi. Vaihtoehtoisen tekstin ollessa tyhjä, ruudunlukijat ohittavat kuvan.

Jos kuvalla ei ole lainkaan alt-attribuuttia, ruudunlukija lukee kuvan tiedostonimen. Tämä ei ole toivottava tulos.