Alert
Warnung
Ein Alarm ist eine kurze, wichtige Nachricht, die angekündigt wird, ohne den Tastaturfokus zu verschieben. Er fordert den Benutzer nicht auf, sofort zu antworten.
The workspace could not reach the server. Keep editing or retry when the connection returns.
Ein echtes Beispiel
Ein Hintergrundspeichern schlägt fehl, während der Benutzer in einem Editor weiter tippt. Eine Benachrichtigung sagt aus, dass die Änderungen nicht gespeichert wurden, und zeigt, wie sie wiederhergestellt werden können. Wenn der Benutzer anhalten und eine Antwort auswählen muss, verwenden Sie stattdessen einen Alarm-Dialog.
Hauptteile
- 01wichtige Nachricht
- 02Live-Ankündigung
- 03Wiederherstellungspfad
Verwenden Sie es, wenn
Verwenden Sie diesen Begriff für wichtige, zeitkritische Statusmeldungen, die bekannt gegeben werden sollten, ohne die Aufmerksamkeit abzulenken.
Nutze es nicht, wenn
Verwenden Sie Benachrichtigungen nicht für normale Updates, alte Nachrichten oder Inhalte, die beim Laden der Seite bereits sichtbar sind.
In Code verwendeter Name
role=alert / aria-live=assertive Vor dem Ausliefern
Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states.
Outcome: Complete the task with Warnung (Alert). User context: Ein Hintergrundspeichern schlägt fehl, während der Benutzer in einem Editor weiter tippt. Eine Benachrichtigung sagt aus, dass die Änderungen nicht gespeichert wurden, und zeigt, wie sie wiederhergestellt werden können. Wenn der Benutzer anhalten und eine Antwort auswählen muss, verwenden Sie stattdessen einen Alarm-Dialog. Recommended pattern: Warnung (Alert). Why it fits: Verwenden Sie diesen Begriff für wichtige, zeitkritische Statusmeldungen, die bekannt gegeben werden sollten, ohne die Aufmerksamkeit abzulenken. Do not use it when: Verwenden Sie Benachrichtigungen nicht für normale Updates, alte Nachrichten oder Inhalte, die beim Laden der Seite bereits sichtbar sind. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary): Es ist offiziell für diese Quelle. Andere Plattformen oder Teams können den Begriff auf andere Weise verwenden. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Diese Anfrage prüfen
Review how Warnung (Alert) is used now. Definition: Ein Alarm ist eine kurze, wichtige Nachricht, die angekündigt wird, ohne den Tastaturfokus zu verschieben. Er fordert den Benutzer nicht auf, sofort zu antworten. Release checks: Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.