Differentiator Hilfsfunktionen
Die differentiator Komponente zeigt einen visuellen Vergleich zwischen zwei Textversionen an. Sie ist besonders hilfreich bei längeren Texten mit nur geringfügigen Änderungen.
Funktionen
Visueller Vergleich: Hebt Ergänzungen, Streichungen und Änderungen hervor.
Side-by-side view: Compares original and modified text.
Verwendung
Die Komponente wird über das differentiator Tag eingebunden.
Parameter
| Name | Typ | Beschreibung | Standardwert | Erforderlich |
|---|---|---|---|---|
| textA | str | Erste bzw. ältere Version des Textes. |
'' |
False
|
| textB | str | Zweite bzw. neuere Version des Textes. |
'' |
False
|
Barrierefreiheit
| WCAG AA | WCAG AAA | |
|---|---|---|
| Status |
|
N/A
|
WCAG AA (Grundlagen)
The diff output uses semantic markup to distinguish additions and deletions.
Der Textinhalt kann von Screenreadern in seiner natürlichen Reihenfolge gelesen werden.
Color coding for additions (green) and deletions (red) meets WCAG contrast requirements.
Offene Punkte
Verwendet <span> anstelle der semantischen <del> und <ins> Elemente für Löschungen und Ergänzungen.
Inline-Styles verwenden fest kodierte Farben, die sich nicht an den Dark Mode anpassen.
Verwandte Themen
- Keine verwandten Komponenten vorhanden.