Lomakkeen kenttien ohjeistukset
Olen usein törmännyt lomakkeisiin, joissa on lisättynä ohjeita kenttien vierelle. Mutta melko harvoin niitä on liitetty attribuutilla aria-describedby toisiinsa. Tämä tarkoittaa, että visuaalsiesti voit nähdä tiedon liittyvän kenttiin, mutta avustavilla teknologioilla tämä tieto voi jäädä ymmärtämättä. Tarkasta nämä esimerkit ruudunlukijalla ja huomaat mikä ero tällä aria-attribuutilla voi olla.
Haastava esimerkki
Tällä kentällä on nimitieto ja ohjeistus, joita ei ole liitetty kenttään oikein
Tämän ohjeistuksen on tarkoitus kertoa käyttäjälle mitä tähän kenttään on tarkoitus syöttää.
Parempi esimerkki
Tällä kentällä on nimitieto oikein ja ohjeistus liitetty kenttään
Tämä tieto on liitetty kenttään aria-describedby-attribuutin kanssa.
Loppukommentit
Käyttökokemuksen parantaminen ei muuta vaatinut kuin <label> elementin oikein käyttämisen ja ohjeiden liittämisen kenttään aria-attribuutilla.