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

Hõljutusel või fookusel ilmuv sisu

1.4 Eristatav

Hõljutusel/fookusel ilmuvad vihjed ja hüpikaknad peavad olema suletavad, üle liigutatavad ning püsima nähtaval kuni vajaduseni.

Klaviatuur
Kood ja ARIA
Arendaja
Interaktiivne komponent
Veebileht

Miks see oluline on

Kasutajad vajavad aega hüpikakende lugemiseks, ilma et need kaoksid või sisu varjaksid.

Keda see puudutab

Suurendust kasutavad vaegnägijad ja liikumispuudega kasutajad.

Tüüpvead

  • Vihje kaob kohe, kui hiirt selle poole liigutatakse.
  • Hüpikakent ei saa Escape-klahviga sulgeda.

Võrdle kahte versiooni

Ligipääsmatu
<span title="More info" onmouseleave="hide()">?</span>

Vihje kaob koheselt, sulgemise/hõljutuse tuge pole.

Ligipääsetav
<button aria-describedby="tip">?</button>
<div id="tip" role="tooltip">More info</div>

Püsiv, suletav vihje muster.

Kuidas testida

  • Vii hiir/fookus vihje käivitajale ja proovi liikuda hiirega hüpikakna peale.
  • Kontrolli, kas hüpikaken sulgub Escape-klahviga ilma fookust liigutamata.

Küsi endalt

  • Kas hõljutuse/fookuse sisu saab sulgeda ilma osutit või fookust liigutamata?
  • Kas sisu püsib nähtaval, kuni seda hõljutatakse või fokuseeritakse?

Vaata see enesehindamises oma lehel üle.

Kood ja ARIA