Stavové zprávy

Proč je to přístupné

Zpráva „uloženo“ nebo „zkopírováno“, která se na tři sekundy objeví v rohu obrazovky, je pro uživatele odečítače obrazovky neviditelná a pro člověka, který čte pomalu, příliš rychlá. Tato oblast má roli status, takže každou novou zprávu odečítač obrazovky přečte zdvořile, po dokončení aktuální věty, aniž by převzal zaměření.

Časovač se zastaví, dokud na zprávu ukazujete myší nebo ji máte zaměřenou klávesnicí, a zprávu lze kdykoli zavřít. Zprávy bez časového limitu zůstanou, dokud je nezavřete. To je přesně to, co požaduje kritérium 2.2.1.

Vyzkoušejte si sami

Klávesnice

Stiskněte tlačítko, potom Tab na křížek ve zprávě: odpočítávání se zastaví.
Escape zprávu zavře a zaměření se přesune na další zprávu nebo na hlavní obsah.

Odečítač obrazovky

Zpráva se přečte automaticky, beze změny zaměření a bez přerušení právě čteného textu.

Zvětšení a přizpůsobení obsahu

Zpráva má omezenou šířku a při zvětšení se zalomí; nikdy nepřekryje celou obrazovku.

Bez JavaScriptu

Oblast je prázdná. Bez skriptů nevznikají žádné zprávy, které by bylo třeba oznamovat.

Kód

<ad-toast data-label="Zavřít" hidden></ad-toast>
<script type="module" src="/assets/js/components/ad-toast/ad-toast.js"></script>

<script type="module">
  document.dispatchEvent(new CustomEvent("ad:announce", {
    detail: { message: "Kód zkopírován do schránky", timeout: 8000 }
  }));
</script>

Ukázka