Tilaviestit

Silktide kehottaa sinua varmistamaan, että tilaviestit – toast-ilmoitukset, väliaikaiset ilmoituspalkit, ilmoitusbannerit sekä onnistumis- ja virheilmoitukset – on määritetty niin, että ilmoittavat niistä, kun ne tulevat näkyviin.

Tämä on : automaatio ei pysty luotettavasti tunnistamaan, mitkä elementit ovat tilaviestipintoja (luokkien nimet, kielet ja pienennetty merkkaus vaihtelevat loputtomasti), joten Silktide näyttää kehotteen jokaisella sivulla ja henkilö vahvistaa sen.

<!-- Hiljainen: näytönlukijat eivät ilmoita tästä, kun se tulee näkyviin -->
<div class="toast">Tuote lisätty ostoskoriin</div>

<!-- Ilmoitettu: role="status" tekee tästä reaaliaikaisen alueen -->
<div class="toast" role="status">Tuote lisätty ostoskoriin</div>

Miksi tämä on tärkeää

Tilaviestit kertovat käyttäjän juuri tekemän toiminnon tuloksen: "Lomake tallennettu", "Tuote lisätty ostoskoriin", "3 tulosta löytyi", "Jokin meni pieleen". Näkevät käyttäjät huomaavat niiden ilmestyvän; näytönlukija lukee sen, missä kohdistus on parhaillaan, eikä muualla sivulla näkyviin tuleva viesti kerro mitään. Käyttäjä lähettää lomakkeen ja kuulee hiljaisuutta – hän ei voi tietää, onnistuiko toiminto, epäonnistuiko se vai latautuuko se yhä.

Viestin merkitseminen kertoo , että siitä on ilmoitettava heti, kun se tulee näkyviin, siirtämättä käyttäjän kohdistusta.

Mitä tarkistetaan

Etsi sivun kaikki tilaviestipinnat (toast-ilmoitukset, väliaikaiset ilmoituspalkit, flash-viestit, upotetut onnistumis-/virhebannerit, tulosten määrän päivitykset).
Varmista, että jokaisessa niistä – tai pysyvässä säiliössä, johon se kirjoittaa – on role="status", role="alert", role="log" tai aria-live="polite" / aria-live="assertive".
Suosi reaaliaikaisen alueen säiliötä, joka on olemassa sivun latautuessa; lisää vain viestin teksti ajonaikaisesti. Reaaliaikaisia alueita, jotka luodaan samalla hetkellä kuin niiden viesti, ei usein ilmoiteta.

Jos sivulla ei ole tilaviestejä tai jokaisesta ilmoitetaan oikein, havainto.

Korjaaminen

Lisää reaaliaikaisen alueen rooli viestisäiliöön:
- role="status" rutiinipäivityksille, kuten vahvistuksille ja tulosten määrille.
- role="alert" tärkeille, aikakriittisille viesteille, kuten virheille.
Voit myös käyttää -attribuuttia suoraan: aria-live="polite" (odottaa puheessa olevaa taukoa) tai aria-live="assertive" (keskeyttää välittömästi).

Miten Silktide testaa tämän

Silktide ei pysty luotettavasti tunnistamaan tilaviestipintoja automaattisesti – luokkien nimistä päättely luo virheellistä varmuutta ja jättää huomaamatta luodun tai muunkielisen merkkausen – joten tämä tarkistus näyttää yhden arviointikehotteen sivua kohden ja kertoo, mitä on varmistettava.