Chat Eingabe

Die chat Komponente bietet eine einfache Chat-Oberfläche mit einem Texteingabefeld und einem Nachrichtenbereich. Nachrichten werden über HTMX hinzugefügt, ohne dass die Seite neu geladen werden muss.

WCAG AA
HTMX

Funktionen

  • Nachrichteneingabe: Textfeld mit Senden-Schaltfläche.

  • Nachrichtenbereich: Scrollbarer Bereich für den Chat-Verlauf.

  • HTMX-Integration: Asynchron über POST-Anfragen geladene Nachrichten.

HTML

Verwendung

Die Komponente wird über das chat Tag eingebunden.

{% load insight_tags %} {% chat request_url="/api/chat-response/" %}

Parameter

Laden…

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

Dataclass für die Komponentenkonfiguration.

Name Typ Beschreibung Standardwert Erforderlich
request_url str

URL zum Senden von Chat-Nachrichten per HTMX-POST.

 None True
ChatConfig(request_url=reverse("chat_api"))

Barrierefreiheit

WCAG AA WCAG AAA
Status
N/A

WCAG AA (Grundlagen)

  • Das <label> und der dazugehörige <input> sind mit for / id miteinander verknüpft.

  • Der „Absenden“ Button ist mit einem beschreibenden Text versehen.

  • Der Antwort-Container verfügt über das Attribut aria-live='polite', um neue Nachrichten für Screenreader anzukündigen.

  • Das Attribut aria-atomic='false' stellt sicher, dass nur neue Nachrichten angesagt werden, nicht jedoch der gesamte Chat-Verlauf.

Verwandte Themen