Otsikot ja nimilaput
Otsikoiden ja lomakkeen nimilappujen on kuvattava niiden esittelemän sisällön aihetta tai tarkoitusta. Niiden ei tarvitse olla yksilöllisiä, mutta niiden on oltava informatiivisia — otsikko, jossa lukee 'Tiedot', tai nimilappu, jossa lukee 'Kenttä', ei läpäise tätä onnistumiskriteeriä.
Mitä vaaditaan
Kun osiolla on otsikko tai lomakekentällä on nimilappu, tekstin on oikeasti kuvattava, mitä seuraa. Ruudunlukuohjelman käyttäjät käyttävät otsikoita ja nimilappuja sivun sisällysluettelona — JAWS-käyttäjät painavat H-näppäintä hypätäkseen otsikosta toiseen, ja lomakemoodi lukee nimilaput ääneen jokaisen kentän saadessa kohdistuksen. Epämääräinen teksti rikkoo tämän koko navigointimallin.
Onnistumiskriteeri ei edellytä, että otsikoita on kaikkialla, vain että olemassa olevat otsikot ovat kuvaavia. (Siitä, milloin otsikot vaaditaan, katso 2.4.10 AAA-tasolla.)
Kuinka vaatimukset täytetään
- Kirjoita otsikot, jotka nimeävät osion eivätkä muotoilullista tarkoitusta:
"Toimitusosoite"ei"Osio 2","Usein kysytyt kysymykset"ei"Lisätietoja". - Liitä jokaiseen lomakekenttään näkyvä
<label>, jonka teksti kuvaa syötettä. Vältä paikkamerkkiä nimilappuna — se häviää kirjoittaessa. - Visuaalisesti piilotetuille nimilapuille (hakukenttä, kuvakepainikkeet) käytä
aria-label-määritettä tai.visually-hidden-luokkaa, mutta tee nimilappu täsmälliseksi. - Kun kaksi otsikkoa sivulla kattavat aidosti saman aiheen (esim. kaksi „Kommentit“-osiota foorumi-indeksissä), lisää tarkentavaa kontekstia:
"Kommentit 14. heinäkuuta","Kommentit 15. heinäkuuta". - Tarkista kaikki otsikot tai nimilaput, joissa on kolme sanaa tai vähemmän — sieltä epämääräisyys kasautuu.
Yleisiä virheitä
- „Tiedot,“ „Lisätietoja,“ „Lisää,“ „Osio,“ „Lomake“ käytetty otsikoina ilman lisäkontekstia.
- Lomakkeen nimilaput kuten „Kenttä 1,“ „Syöte,“ „Kirjoita tähän“ tai nimilappu puuttuu kokonaan (vain paikkamerkki).
- Korttiruudukon otsikot, jotka kaikki lukevat „Lue lisää“, koska ne muutettiin toimintokutsuista mallin muutoksen seurauksena.
- Hakutulossivu, jolla jokaisen tuloksen otsikko on kirjaimellinen sana „Tulos.“
- Taulukoissa sarakkeiden otsikot ovat „Sarake 1,“ „Sarake 2“ „Päivämäärän,“ „Summan,“ „Tilan“ sijaan.
Miksi tällä on merkitystä
WebAIM:n ruudunlukuohjelman käyttäjien kyselyissä otsikoilla navigointi on johdonmukaisesti yleisin strategia uudella sivulla orientoitumiseen — yleisempi kuin ylhäältä alas lukeminen. Epämääräiset otsikot romahduttavat tuon kartan. Epämääräiset nimilaput romahduttavat lomakkeet: käyttäjä saapuu kenttään, joka kertoo vain „syöte“, ja joutuu palaamaan lukemaan ympäröivää tekstiä, jonka lomakemoodi usein piilottaa.