Ein Toast ist ein kurzer Hinweis, der am Bildschirmrand erscheint und nach wenigen Sekunden von selbst wieder verschwindet. Er meldet das Ergebnis einer Handlung, etwa dass ein Beitrag gespeichert oder ein Eintrag gelöscht wurde, und verlangt dafür keine Bestätigung.
- Toast
Kurzer Hinweis, der am Bildschirmrand erscheint und von selbst wieder verschwindet.
Beispiel: „Nach dem Speichern meldet ein Toast unten rechts ‚Änderungen gespeichert‘.“Auch: Snackbar, Toast-Benachrichtigung oder Kurzhinweis. Der Name kommt vom Toaster, aus dem die Scheibe hochspringt.
Abgrenzung zum Modal: Der Toast unterbricht nicht und braucht keine Antwort. Was eine Entscheidung verlangt, gehört in ein Modal.
Wofür ein Toast taugt
Für Rückmeldungen, die bestätigen und nichts weiter. Gespeichert, kopiert, verschickt, gelöscht. Der Text bleibt bei einer Zeile und benennt das Ergebnis, nicht den Vorgang. Beim Löschen gehört ein „Rückgängig“ daneben, solange der Toast steht.
Damit Vorlesewerkzeuge den Hinweis mitbekommen, braucht der Bereich eine Live-Region. Sie steht dauerhaft im Markup und wird nur befüllt, denn ein Element, das erst beim Ereignis entsteht, wird in vielen Fällen nicht vorgelesen.
<div id="hinweise" role="status" aria-live="polite" class="toast-bereich"></div>
<!-- beim Speichern wird nur der Inhalt gesetzt, der Bereich bleibt stehen -->
<div id="hinweise" role="status" aria-live="polite" class="toast-bereich">
<p class="toast">Änderungen gespeichert</p>
</div>Wie lange er stehen bleibt
Vier bis sechs Sekunden sind üblich, bei längeren Texten entsprechend mehr. Wer mit der Maus darüberfährt oder mit der Tastatur hineinspringt, hält die Zeit an. Das ist zugleich eine Anforderung der Barrierefreiheit.
Das Erfolgskriterium Zeitvorgaben anpassbar (2.2.1) verlangt, dass sich eine zeitliche Begrenzung abschalten, verlängern oder anpassen lässt.
Der Toast, den niemand liest
Er erscheint unten rechts, während der Blick oben links beim Formular liegt. Vier Sekunden später ist er weg, und der Besucher weiß nicht, ob etwas passiert ist. Deshalb gehört alles, worauf jemand reagieren muss, an die Stelle, an der er gerade arbeitet.
Der zweite Fehler ist der Toast als Fehlermeldung. Ein verschwindender Hinweis ist der falsche Ort für etwas, das korrigiert werden muss. Fehler gehören an das Feld, das sie betreffen, und sie bleiben dort stehen, bis sie behoben sind.