Kuvapainikkeen vaihtoehtoinen teksti
Silktide löytää lomakkeistasi kuvapainikkeet, joilta puuttuu . Kuvapainike, jolla ei ole tekstivastinetta, ei kerro käyttäjille, jotka eivät voi nähdä sitä, mitä sen painaminen tekee.
<!-- Ongelma: alt-määrite puuttuu -->
<input type="image" src="button.png">
<!-- Ongelma: tyhjä alt -->
<input type="image" src="button.png" alt="">
<!-- Korjattu: vaihtoehtoinen teksti kuvaa toiminnon -->
<input type="image" src="button.png" alt="Lähetä viesti">
Miksi tämä on tärkeää
Kuvapainike (<input type="image">) käyttää kuvaa tekstisisällön sijaan, joten sen alt-määrite on ainoa nimi, jonka voi ilmoittaa. Ilman sitä painike ilmoitetaan pelkästään painikkeena tai sen tiedostonimellä. Lomake, jonka lähetyspainiketta ei voida tunnistaa, on lomake, jota kaikki kävijät eivät voi täyttää luottavaisesti – tämä muodostaa suoran esteen yhteydenotoille, rekisteröitymisille ja ostoille.
Toisin kuin tavallinen kuva, painike ei voi koskaan olla koristeellinen: se tekee aina jotakin, joten se tarvitsee aina nimen.
Korjaaminen
- Lisää
alt-määrite, joka kuvaa painikkeen suorittamaa toimintoa, esimerkiksi "Hae" tai "Lähetä viesti", kuten yllä olevassa esimerkissä. - Älä jätä määritettä tyhjäksi – tyhjä
alt=""piilottaa painikkeen nimen piilottamatta itse painiketta. - Vaihtoehtoisesti voit korvata kuvapainikkeen
<button>-elementillä, joka sisältää oikeaa tekstiä. Se on helpompi muotoilla ja oletusarvoisesti saavutettava.
Miten Silktide testaa tämän
- Etsi jokaiselta sivulta kaikki kuvapainikkeet (
<input type="image">). - Ohita ruudunlukijoilta piilotetut painikkeet.
- Raportoi jokainen painike, jonka
alt-määrite puuttuu tai on tyhjä.
Painikkeet, joiden vaihtoehtoinen teksti on olemassa mutta vaikuttaa hyödyttömältä, käsitellään erillisessä Lähetyspainikkeen vaihtoehtoinen teksti -tarkistuksessa.