Stavové správy

Prečo je to prístupné

Správa „uložené“ alebo „skopírované“, ktorá sa na tri sekundy objaví v rohu obrazovky, je pre používateľa čítača obrazovky neviditeľná a pre človeka, ktorý číta pomaly, príliš rýchla. Táto oblasť má rolu status, takže každú novú správu čítač obrazovky prečíta zdvorilo, po dokončení aktuálnej vety, bez toho, aby prevzal zameranie.

Časovač sa zastaví, kým na správu ukazujete myšou alebo ju máte zameranú klávesnicou, a správa sa dá kedykoľvek zavrieť. Správy bez časového limitu zostanú, kým ich nezavriete. Toto je presne to, čo požaduje kritérium 2.2.1.

Vyskúšajte si sami

Klávesnica

Stlačte tlačidlo, potom Tab na krížik v správe: odpočítavanie sa zastaví.
Escape správu zavrie a zameranie sa presunie na ďalšiu správu alebo na hlavný obsah.

Čítač obrazovky

Správa sa prečíta automaticky, bez zmeny zamerania a bez prerušenia práve čítaného textu.

Priblíženie a reflow

Správa má obmedzenú šírku a pri priblížení sa zalomí; nikdy neprekryje celú obrazovku.

Bez JavaScriptu

Oblasť je prázdna. Bez skriptov nevznikajú žiadne správy, ktoré by bolo treba oznamovať.

Kód

<ad-toast data-label="Zavrieť" 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 skopírovaný do schránky", timeout: 8000 }
  }));
</script>

Ukážka