# Lomake-elementeillä on oltava nimiöt

<https://www.fixreports.com/fi/issues/label>

WCAG 4.1.2 Nimi, rooli, arvo · Taso A

Joillakin lomakekentillä ei ole nimiötä, joten ruudunlukijan käyttäjät eivät tiedä, mitä niihin kirjoitetaan.

## Mitä tämä sääntö tarkistaa
Varmistaa, että jokaisella lomake-elementillä on nimiö.

## Miksi sillä on merkitystä
WCAG 1.3.1, 3.3.2 ja 4.1.2 edellyttävät, että lomakekentillä on nimiöt. Uutiskirjeen tilaus- ja hakukentät ovat tavallisia ongelmakohtia.

## Miten se korjataan
### Millä tahansa sivustolla
1. Anna jokaiselle kentälle <label for="field-id"> -elementti tai vähintään aria-label.
2. Pelkkä paikkamerkkiteksti (placeholder) ei kelpaa nimiöksi.

### Shopifyssa
1. Anna jokaiselle kentälle <label for="field-id"> -elementti tai vähintään aria-label.
2. Pelkkä paikkamerkkiteksti (placeholder) ei kelpaa nimiöksi.

### WooCommercessa ja WordPressissä
1. Anna jokaiselle kentälle <label for="field-id"> -elementti tai vähintään aria-label.
2. Pelkkä paikkamerkkiteksti (placeholder) ei kelpaa nimiöksi.

## Miten korjaus tarkistetaan
- Skannaa uudelleen ja varmista, ettei sääntö label enää epäonnistu.
- Napsauta jokaista nimiötä ja tarkista, että fokus siirtyy sen kenttään.

## Lähteet
- axe-core-säännön dokumentaatio (Deque): https://dequeuniversity.com/rules/axe/4.13/label
- Understanding WCAG 4.1.2: kriteerin selitys (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value