Stöðuskilaboð

Silktide biður þig um að staðfesta að stöðuskilaboð – tilkynningaspjöld, skilaboðastikur, tilkynningaborðar og staðfestingar- og villuboð – séu sett upp þannig að lesi þau upp þegar þau birtast.

Þetta er : sjálfvirkni getur ekki með áreiðanlegum hætti sagt til um hvaða þættir eru stöðusvæði (heiti á CSS-flokkum, tungumál og smækkaður kóði eru óendanlega breytileg), svo Silktide birtir kvaðninguna á hverri síðu og einstaklingur staðfestir hana.

<!-- Hljóðlaust: skjálesarar lesa þetta ekki upp þegar það birtist -->
<div class="toast">Atriði bætt í körfu</div>

<!-- Lesið upp: role="status" gerir þetta að virku svæði -->
<div class="toast" role="status">Atriði bætt í körfu</div>

Hvers vegna þetta skiptir máli

Stöðuskilaboð segja frá niðurstöðu þess sem notandi gerði rétt í þessu: „Eyðublað vistað“, „Atriði bætt í körfu“, „3 niðurstöður fundust“, „Eitthvað fór úrskeiðis“. Sýnilegir notendur taka eftir því þegar þau birtast; skjálesari les það sem hefur fókus hverju sinni og skilaboð sem birtast annars staðar á síðunni segja ekkert. Notandinn sendir inn eyðublað og heyrir þögn – hann getur ekki vitað hvort það tókst, mistókst eða sé enn í hleðslu.

Með því að merkja skilaboðin sem er látin lesa þau upp um leið og þau birtast, áán þess að færa fókus notandans.

Hvað á að prófa

Finndu öll stöðusvæði á síðunni (tilkynningaspjöld, skilaboðastikur, flasskilaboð, innfellda borða með staðfestingu eða villu og uppfærslur á fjölda niðurstaðna).
Staðfestu að hvert þeirra – eða varanlegur gámur sem það skrifar í – hafi role="status", role="alert", role="log" eða aria-live="polite" / aria-live="assertive".
Kjósið virkt svæði sem er til staðar þegar síðan hleðst inn; setjið aðeins texta skilaboðanna inn við keyrslu. Virk svæði sem verða til á sama augnabliki og skilaboðin eru oft ekki lesin upp.

Ef engin stöðuskilaboð eru á síðunni eða öll þeirra eru lesin rétt upp, niðurstöðuna.

Hvernig á að laga þetta

Bættu hlutverki virks svæðis við gám skilaboðanna:
- role="status" fyrir venjulegar uppfærslur, svo sem staðfestingar og fjölda niðurstaðna.
- role="alert" fyrir mikilvæg og tímanæm skilaboð, svo sem villur.
Eða notaðu -eigindina beint: aria-live="polite" (bíður eftir hléi í tali) eða aria-live="assertive" (grípur strax inn í).

Hvernig Silktide prófar þetta

Silktide getur ekki greint stöðusvæði sjálfvirkt með áreiðanlegum hætti – ágiskanir út frá heitum CSS-flokka skapa falskt öryggi og missa af mynduðum eða óenskum kóða – svo þessi prófun birtir eina yfirferðarkvaðningu á hverri síðu sem lýsir því sem þarf að staðfesta.