Lomakeohjeet

Silktide löytää lomakekentät, jotka saattavat tarvita selityksen, kuten vapaatekstikentät, ja pyytää sinua päättämään, tarvitseeko kukin niistä ohjeita siitä, mitä kenttään tulee syöttää. Ohjeita tarvitsevilla kentillä ohjeiden tulisi olla liitettyinä koodissa, ei vain sijoitettuina niiden lähelle.

Miksi tämä on tärkeää

Pelkkä nimiö ei usein riitä. "Päivämäärä" ei kerro mitään odotetusta muodosta, joka vaihtelee maittain; "Viitenumero" ei kerro, mitä kolmesta viitenumerostasi tarkoitetaan. Väärin arvaavat kävijät saavat virheilmoituksen – tai vielä pahempaa, heidän lähetyksensä hyväksytään virheellisillä tiedoilla.

Ohjeen liittäminen koodissa on yhtä tärkeää kuin sen kirjoittaminen: vihje, joka on vain visuaalisesti kentän lähellä, ei ole näkyvissä syötekenttään kohdistuneelle käyttäjälle.

Näin korjaat sen

Päätä jokaisen merkityn kentän kohdalla, voiko kävijä olla epävarma siitä, mitä siihen tulee syöttää. Jos voi:

Lisää kuvaus ja liitä se kenttään -määritteellä aria-describedby:

<!-- Vihje luetaan, kun kenttä saa kohdistuksen -->
<label for="date">Päivämäärä</label>
<input type="text" id="date" aria-describedby="date-hint">
<p id="date-hint">Muoto: päivä/kuukausi/vuosi, esim. 28/07/2026</p>

Tai käytä siihen tarkoitettua -kenttätyyppiä. <input type="date"> tarjoaa kävijöille päivämäärävalitsimen heidän omalla alueasetuksellaan, joten selitystä ei tarvita – käytä tätä ensisijaisesti, kun sopiva tyyppi on käytettävissä.

Jos kenttä on itsestään selvä – esimerkiksi "Haku"-kenttä tai yhteydenottolomakkeen "Viesti"-kenttä – ohjeita ei tarvita; löydös.

Näin Silktide testaa tämän

Etsi lomakeohjausobjektit, joissa ohjeista voisi olla hyötyä: <textarea>-elementit sekä tyyppien text, email, file, number, password tai range <input>-kentät. Painikkeet, valintaruudut, valintanapit ja avattavat valikot ohitetaan, koska nimiö yleensä riittää niille.
Ohita kentät, jotka eivät näy näkeville käyttäjille, sekä kentät, jotka tunnetut kolmannen osapuolen pienoissovellukset lisäävät, kuten piilotetut lomakkeet, joita seuranta- ja käännöskomentosarjat lisäävät omaa käyttöään varten.
Ohita kentät, joihin on jo liitetty kuvaus – aria-describedby, joka viittaa oikeaan, ei-tyhjään tekstiin, tai ei-tyhjä aria-description-määrite.
Merkitse kukin jäljelle jäävä kenttä tarkistettavaksesi: ihminen päättää, tarvitseeko se todella ohjeita.

Vianmääritys

Kenttäni alapuolella on vihje

Visuaalinen läheisyys ei tarkoita yhteyttä. Ellei vihjettä ole liitetty kenttään aria-describedby- (tai aria-description-)määritteellä, ei ilmoita siitä, ja Silktide merkitsee kentän. Määritteen lisääminen ratkaisee molemmat ongelmat.