Liigu põhisisu juurde
Ligipääsetavuse labor
WCAG 2.2 sirvija
4.1.3WCAG AAÜle vaatamata

Olekuteated

4.1 Ühilduv

Olekuteated (nt 'salvestatud' või otsingutulemuste arv) peavad jõudma ekraanilugejani ilma fookust nihutamata.

Kood ja ARIA
Arendaja
Vorm
Interaktiivne komponent
Veebileht
Mobiilirakendus

Miks see oluline on

Ilma teavituseta ei pruugi ekraanilugeja kasutaja üldse märgata, et midagi muutus.

Keda see puudutab

Ekraanilugeja kasutajad, kes ei näe ainult visuaalseid olekumuutusi.

Tüüpvead

  • Olekutekst uueneb DOM-is ilma live-piirkonnata.
  • Aria-live liigne kasutamine, mistõttu olulised sõnumid kaovad müra sisse.

Võrdle kahte versiooni

Ligipääsmatu
<div id="status">Salvestatud</div>

Vaikne, ainult visuaalne uuendus.

Ligipääsetav
<div id="status" role="status" aria-live="polite">Salvestatud</div>

Live-piirkond teavitab uuendusest automaatselt.

Kuidas testida

  • Vallanda olekuuuendus ja kuula ekraanilugejaga.
  • Kontrolli, et fookus ei liigu, kui teade ilmub.

Küsi endalt

  • Kas olekuuuendused edastatakse ekraanilugejale ilma fookust liigutamata?

Õpi praktikas: ava seotud õppetükk

Vaata see enesehindamises oma lehel üle.

Kood ja ARIA

Selle kriteeriumiga seotud enesehindamise küsimused

  • Kas dünaamilisi muudatusi teatatakse ekraanilugejale?Üle vaatamata