Infobox Hilfsfunktionen

Die infobox Komponente zeigt Text in einem umrandeten Kasten mit dezenter Hervorhebung an. Sie ist weniger auffällig als eine Warnmeldung, aber besser sichtbar als einfacher Text.

WCAG AA

Funktionen

  • Typen: Info, Erfolg, Warnung und Fehler mit entsprechender Formatierung.

  • Umrandetes Design: Visuelle Abgrenzung ohne starke Hervorhebung.

HTML

Verwendung

Die Komponente wird über das infobox Tag eingebunden.

{% load insight_tags %} {% infobox info_type=note.type message=note.message %}

Parameter

Laden…

config (InfoboxConfig oder als kwargs oder als Kombination aus beidem)

Dataclass für die Komponentenkonfiguration.

Name Typ Beschreibung Standardwert Erforderlich
message str

Beschreibende Nachricht.

 None True
info_type AlertType
AlertType

Semantic types for alerts and notifications.

info success warning error
Typen Dokumentation →

Wichtigkeit der Nachricht.

 info False
InfoboxConfig( message="Tip: You can drag and drop files here.", info_type="info", )

Barrierefreiheit

WCAG AA WCAG AAA
Status
N/A

WCAG AA (Grundlagen)

  • Fehler-Infoboxen verwenden role='alert', damit sie vom Screenreader sofort angesagt werden.

  • Info-, Warn- und Erfolgsmeldungen verwenden role='note', um die Ankündigung weniger aufdringlich zu gestalten.

  • Der Infotyp (Info, Warnung, Fehler, Erfolg) wird hervorgehoben dargestellt und von Screenreadern angesagt.

  • Der Inhalt der Nachricht unterstützt Markdown-Formatierung.

Verwandte Themen