Yhtenäinen tunnistaminen
Komponentit, joilla on sama toiminnallisuus koko sivustolla, on tunnistettava yhtenäisesti — sama etiketti, sama kuvake, sama saavutettava nimi. Kahta samaa asiaa tekevää painiketta ei saa kutsua toisella sivulla Haku ja toisella Etsi.
Mitä vaaditaan
Kun kaksi käyttöliittymäkomponenttia suorittaa sivustolla saman tehtävän, ne on tunnistettava yhtenäisesti. Tämä tarkoittaa samaa saavutettavaa nimeä (etiketti, aria-label, alt-teksti), samaa kuvaketta ja yhtenevää visuaalista käsittelyä — jotta käyttäjä tunnistaa: “tämä on sama toiminto kuin kaksi sivua sitten.”
Sääntö koskee merkintöjä, ei tyylejä. Lähetä-painike voidaan korostaa visuaalisesti eri tavoin eri yhteyksissä, mutta saavutettavaa nimeä “Lähetä” ei pidä muuttaa muotoon “Toimita” muualla, kun toiminto on sama.
Miten vaatimus täytetään
- Ylläpidä pientä toimintaverbien sanastoa (“Tallenna”, “Peruuta”, “Poista”, “Haku”) ja sovella sitä koko sivustolla.
- Käytä samaa kuvaketta samalle toiminnolle kaikkialla — yksi hakusymboli, ei kolmea eri versiota.
- Kun kuvake edustaa toimintoa, anna sille sama saavutettava nimi kaikilla sivuilla.
- Käytä design-system-komponenttia (
<Button label="Tallenna">) etiketin koodaamisen sijaan sivukohtaisesti. - Auditoi sivusto synonyymien varalta: “Lähetä” vs. “Toimita”, “Haku” vs. “Etsi”, “Kirjaudu sisään” vs. “Kirjaudu”.
Tyypilliset virheet
- Kaksi samaa toimintoa kuvaavaa kuvaketta kahdella eri saavutettavalla nimellä (“Muokkaa” yhdellä näytöllä, “Muuta” toisella).
- Hakukenttä, joka on otsikoitu “Haku” ylätunnisteessa ja “Etsi sisältöä” sivupalkissa.
- Listanäkymässä “Poista”-painike ja yksityisnäkymässä “Poista listalta” — sama vaikutus, eri sana.
- Epäjohdonmukainen toimintakutsu: “Osta nyt” tuotesivulla, “Lisää ostoskoriin” listauksessa, vaikka toiminto on sama.
Miksi se on tärkeää
Ruudunlukuohjelman käyttäjät navigoivat selaamalla linkkien tai painikkeiden luetteloa. Jos sama toiminto on merkitty eri tavoin eri puolilla sivustoa, he eivät pysty tunnistamaan kaavaa — heidän on luettava jokainen etiketti erikseen ja pääteltävä, onko tämä “Lähetä” sama kuin tuo “Toimita.” Kognitiivisia vaikeuksia kokeville käyttäjille yhtenäinen tunnistaminen on yksi tärkeimmistä ymmärtämisen apuvälineistä.
Tämä onnistumiskriteeri pannaan täytäntöön käsittelemällä käyttöliittymätekstejä ja kuvakkeita ensisijaisina design-tokeneina, ei sisältönä, josta jokainen kirjoittaja päättää erikseen.