Liigu põhisisu juurde
Ligipääsetavuse labor
WCAG 2.2 sirvija
4.1.2WCAG AÜle vaatamata

Nimi, roll, väärtus

4.1 Ühilduv

Kohandatud liideseelemendid peavad edastama oma nime, rolli ja praeguse väärtuse/oleku abitehnoloogiale.

Klaviatuur
Kood ja ARIA
Arendaja
Vorm
Interaktiivne komponent
Veebileht
Mobiilirakendus

Miks see oluline on

Ilma selleta ei saa ekraanilugeja kasutajale öelda, mis element on või mida see teeb.

Keda see puudutab

Ekraanilugeja ja lülititega kasutajad.

Tüüpvead

  • <div>, mis on stiliseeritud nupuna, kuid ilma rolli või klaviatuurituseta.
  • Kohandatud märkeruut ilma aria-checked olekuta.

Võrdle kahte versiooni

Ligipääsmatu
<div class="btn" onclick="submit()">Saada</div>

Puudub roll, klaviatuurifookus ja ligipääsetav nimi.

Ligipääsetav
<button onclick="submit()">Saada</button>

Natiivne nupp edastab nime, rolli ja oleku automaatselt.

Kuidas testida

  • Kontrolli kohandatud vidinaid ligipääsetavuse puus (arendustööriistad) nime/rolli/väärtuse osas.
  • Kasuta vidinat ekraanilugejaga ja kontrolli, kas see loetakse õigesti ette.

Küsi endalt

  • Kas kõik kohandatud komponendid edastavad õige nime, rolli ja väärtuse/oleku?

Õpi praktikas: ava seotud õppetükk

EN 301 549 punktid: 9.4.1.2

Vaata see enesehindamises oma lehel üle.

Kood ja ARIA

Selle kriteeriumiga seotud enesehindamise küsimused

  • Kas kasutatakse pärissilte, mitte ARIA-ga kaetud div-e?Üle vaatamata
  • Kas kõik kohandatud komponendid annavad edasi nime, rolli ja väärtuse?Üle vaatamata
  • Kas ainult ikooniga nuppudel on ligipääsetav nimi?Üle vaatamata