---\ntitle: Textabstand\ncheck: text-spacing-locked\nnavHidden: true\ncategory: Barrierefreiheit\nstandard: WCAG 2.1 AA 1.4.12\ncreated: 2026-07-19T06:20:00Z\nupdated: 2026-08-26T04:53:33Z\n---\n\n# Textabstand\n\nSilktide findet Elemente, deren Inline-Stile ihre Textabstände sperren -\nletter-spacing, word-spacing oder line-height - mit !important\nauf einem Wert unter dem WCAG-Mindestmaß, sodass Nutzende ihn nicht anpassen können.\n\n## Warum das wichtig ist\n\nMenschen mit Legasthenie oder Sehschwäche benötigen oft weiter auseinandergezogenen Text:\nhöhere Zeilenhöhe, größere Abstände zwischen Buchstaben und Wörtern. Sie erreichen das mit Browser-\nErweiterungen und benutzerdefinierten Stylesheets, die die Abstände einer Seite überschreiben.\n\nDiese Werkzeuge injizieren gewöhnliches Autoren-CSS. Eine !important-Deklaration\nim style-Attribut eines Elements sticht jede Regel auf Autorenebene aus, egal wie spezifisch -\nsie ist die eine Konstruktion auf der Seite, die diese Werkzeuge nicht überschreiben können.\nWenn sie Abstände unter den Mindestwerten fixiert, werden Nutzende schlicht ausgeschlossen.\n\nDas Erfolgskriterium 1.4.12 (Stufe AA) verlangt, dass Inhalte bestehen bleiben,\nwenn Nutzende die Textabstände mindestens auf Folgendes anheben:\n\n- Zeilenhöhe - 1,5-fach der Schriftgröße\n- Zeichenabstand - 0,12-fach der Schriftgröße\n- Wortabstand - 0,16-fach der Schriftgröße\n\n## So beheben Sie das Problem\n\nFür jedes gemeldete Element tun Sie Folgendes:\n\n1. Entfernen Sie das !important-Flag aus der Inline-Deklaration. Die Werkzeuge der Nutzenden\n können es dann überschreiben, und Ihr Design bleibt für alle anderen unverändert.\n2. Verschieben Sie die Deklaration in ein Stylesheet. Selbst mit !important können\n Stylesheet-Regeln von Nutzerwerkzeugen überschrieben werden.\n3. Erhöhen Sie den Wert auf das WCAG-Mindestmaß, wenn der Abstand tatsächlich festgelegt\n werden muss.\n\nhtml\n<!-- Fehler: unter dem Mindestwert fixiert; Nutzerwerkzeuge können dies nicht überschreiben -->\n<p style=\"line-height: 1.2 !important\">\u2026</p>\n\n<!-- Behoben: überschreibbar -->\n<p style=\"line-height: 1.2\">\u2026</p>\n\n<!-- Ebenfalls in Ordnung: fixiert, aber mit einem Wert, der bereits das Minimum erfüllt -->\n<p style=\"line-height: 1.5 !important\">\u2026</p>\n\n\n## So prüft Silktide dies\n\n1. Elemente finden, deren style-Attribut letter-spacing,\n word-spacing oder line-height mit !important deklariert und die direkt sichtbaren Text enthalten.\n2. Den deklarierten Wert in Bezug auf die Schriftgröße des Elements auflösen.\n3. Das Element melden, wenn der fixierte Wert unter dem WCAG-Mindestwert für diese Eigenschaft liegt.\n\nDies spiegelt die W3C-ACT-Regeln für 1.4.12 wider\n(Zeichenabstand,\nWortabstand,\nZeilenhöhe).\n\nSilktide markiert keine !important-Abstände in Stylesheets - diese können\nvon Nutzerwerkzeugen weiterhin überschrieben werden - und simuliert nicht das Anwenden\nder Abstandsüberschreibungen, um kaputte Layouts zu erkennen, was derzeit kein automatisiertes Tool tut.\nDas Bestehen dieser Prüfung bedeutet, dass auf der Seite nichts Nutzende daran\nhindert, Abstände anzupassen; zu testen, dass Ihr Layout mit angepassten Abständen\nlesbar bleibt, ist ein schneller manueller Test mit einem\nTextabstands-Bookmarklet.\n\n## Fehlerbehebung\n\n### Der Inline-Stil stammt aus einem Framework oder einem Drittanbieter-Widget\n\nKomponentenbibliotheken und Einbettungsskripte schreiben manchmal Inline-Stile mit !important.\nDiese zählen trotzdem gegen Ihre Seite; prüfen Sie die Einstellungen des Anbieters\noder sprechen Sie es dort an.\n\n### Der Abstand ist auf einen konformen Wert fixiert\n\nWerte auf oder über den WCAG-Mindestwerten bestehen auch bei Fixierung - das Fixieren von\nline-height: 1.6 !important schadet niemandem, da es bereits über dem liegt, was Nutzende\nerhöhen würden.\n\n## Weiterführende Informationen\n\n- Erläuterung Erfolgskriterium 1.4.12: Textabstand (WCAG 2.1)\n- Inhalte bei Hover oder Fokus\n