← Gesamte Dokumentation
Barrierefreiheit · Aktualisiert im April 2026

Erklärung zur Barrierefreiheit

Richscripts Inc. setzt sich dafür ein, dass RichTextEditor für alle nutzbar ist, unabhängig davon, mit welcher assistiven Technologie jemand Dokumente schreibt und prüft. Diese Seite beschreibt, welches Ziel wir verfolgen, was derzeit funktioniert und wo wir wissen, dass wir es noch nicht erreichen.

Konformitätsziel

RichTextEditor strebt Konformität mit den Web Content Accessibility Guidelines (WCAG) 2.2 Level AA an. Der Editor basiert auf nativem contenteditable, standardkonformem semantischem HTML und ARIA-Rollen und -Attributen, wo semantisches HTML allein nicht ausreicht.

Ein Barrierefreiheitsaudit durch Dritte und ein formelles VPAT sind noch nicht veröffentlicht. Bis unabhängige Nachweise vorliegen, ist diese Seite eine Selbsteinschätzung und führt die uns bekannten Lücken ausdrücklich auf.

Was heute funktioniert

Bedienbarkeit per Tastatur (WCAG 2.1.1, 2.1.2, 2.4.3)

  • Die Symbolleiste ist ein einziger Tab-Stopp, nach dem Toolbar-Muster der ARIA Authoring Practices: Tab springt einmal hinein, dann wechseln ← / → zwischen den Schaltflächen, und Home / End springen an das jeweilige Ende. Der Fokus kehrt zu der Schaltfläche zurück, die Sie zuletzt verwendet haben. Bei RTL folgt die Pfeilrichtung der Leserichtung des Dokuments.
  • Keine Tastaturfalle (2.1.2). Tab behält im Inhalt seine Bedeutung beim Bearbeiten – eine Liste einrücken, zur nächsten Tabellenzelle springen –, daher führt eine separate, dokumentierte Taste hinaus: Esc verlässt den Bearbeitungsbereich und setzt den Fokus auf die Symbolleiste, von wo aus Tab normal durch die Seite weitergeht. Dieser Ausweg wird als Teil des barrierefreien Namens des Bearbeitungsbereichs angesagt, sodass ein Screenreader ihn beim Betreten vorliest, statt den Benutzer raten zu lassen. Ist ein Menü oder Dialog geöffnet, schließt Esc zuerst diesen.
  • Alle Befehle der Symbolleiste haben Tastenkürzel.
  • Dialoge halten den Fokus fest; Esc schließt sie und gibt den Fokus an das auslösende Element zurück.
  • Tabellen unterstützen die Navigation zwischen Zellen mit Tab und rückwärts mit Shift+Tab.
  • Slash-Befehle, @-Erwähnungen und der KI-Dialog lassen sich vollständig per Tastatur bedienen – keine Maus nötig.

Unterstützung für Screenreader (WCAG 1.3.1, 4.1.2, 4.1.3)

  • Schaltflächen der Symbolleiste stellen über aria-label barrierefreie Namen bereit. Umschaltbefehle – fett, kursiv, unterstrichen, Ausrichtung, Listen, Änderungsverfolgung und die Ansichtsmodi – stellen aria-pressed bereit, gespiegelt aus dem eigenen aktiven Zustand des Editors, sodass der angesagte Wert nie von der hervorgehobenen Schaltfläche abweichen kann. Menüschaltflächen stellen aria-haspopup bereit und halten aria-expanded beim Öffnen und Schließen des Menüs korrekt.
  • Dialoge stellen role="dialog" mit einem aria-label bereit, das den Dialog benennt; der Fokus bleibt darin, und Esc schließt ihn und gibt den Fokus dorthin zurück, wo er war. In 2.6.12 sind zwei Bereiche nicht als modal gekennzeichnet: Das über die Symbolleiste geöffnete Panel „Insert Link“ hat kein aria-modal, und Suchen und Ersetzen setzt aria-modal="false". Schalten Sie das Plugin für barrierefreie Dialoge ein, damit das Panel „Insert Link“ role="dialog" erhält und seine Felder Namen bekommen.
  • Die Seitenleiste AI Review stellt die Rolle region mit einem Live-Label bereit; neue Vorschläge werden über aria-live="polite" angesagt.
  • Kommentare und Vorschläge der Änderungsverfolgung stellen Labels pro Autor bereit, sodass Screenreader „Comment by Maya Patel“ ansagen.
  • Überschriften im Editor-Inhalt behalten die Semantik von h1–h6; Listen behalten ul/ol/li.

Visuelle Gestaltung (WCAG 1.4.3, 1.4.11, 1.4.12)

  • Das Standard-Theme erreicht einen Textkontrast von 4.5:1 und einen UI-Kontrast von 3:1.
  • Fokusindikatoren sind mit 3:1 gegenüber angrenzenden Farben sichtbar und werden von keinem mitgelieferten Skin unterdrückt.
  • Die Layouts des Editors berücksichtigen die Textgröße, die der Benutzer eingestellt hat – keine festen Pixelhöhen, die Text abschneiden, wenn der Browser-Zoom 200% beträgt.
  • Keine Information wird allein durch Farbe vermittelt; die Zuordnung von Änderungen enthält immer ein Autorenlabel und zusätzlich eine Farbe.

Hilfe bei der Eingabe (WCAG 3.3.1, 3.3.3)

  • Die Dialoge für Upload und Bild-URL beschreiben Fehler in einfacher Sprache und verknüpfen sie über aria-describedby mit dem betroffenen Feld.
  • Destruktive Aktionen (Kommentar löschen, Vorschlag ablehnen) bieten in der Review-Seitenleiste einen Weg zum Rückgängigmachen.

Inhaltsmodell

  • Bilder erhalten Alt-Text über den Bilddialog; alt bleibt beim Einfügen aus Word, Excel und Google Docs erhalten.
  • Links behalten lesbaren Text – „hier klicken“ wird nicht automatisch erzeugt.
  • Das exportierte HTML und DOCX behalten Überschriftenebenen und Listenstruktur; Screenreader sehen später eine Struktur, die der im Editor entspricht.
  • Der PDF-Export ist getaggt. Auswählbarer Text ist nicht dasselbe wie ein barrierefreies Dokument – ein ungetaggtes PDF liefert assistiver Technologie einen flachen Strom von Wörtern ohne Überschriften, Listensemantik, Tabellenbeziehungen oder garantierte Lesereihenfolge. Der Vektor-Exporter schreibt einen vollständigen Strukturbaum (H1–H6, P, L/LI, Table/TH/TD mit Spalten-Scope, Figure mit /Alt) und kennzeichnet Linien, Rahmen und laufende Kopfzeilen als Artefakte, sodass sie von der Lesereihenfolge ausgenommen sind. Siehe warum ein durchsuchbares PDF und ein barrierefreies PDF verschiedene Funktionen sind und wie das PDF von Hand geschrieben wird, damit Text Text bleibt.

Bekannte Lücken

Vertrauen entsteht unserer Ansicht nach durch Ehrlichkeit, nicht durch eine perfekt klingende Erklärung. In diesen Bereichen erreichen wir das Ziel bekanntermaßen noch nicht, und das tun wir jeweils dagegen:

  • Audit durch Dritte noch nicht veröffentlicht. Diese Erklärung gibt nur eine Selbsteinschätzung wieder. Beschaffungsteams in Unternehmen, die ein formelles VPAT verlangen, sollten es als offene Anforderung behandeln und uns für das aktuelle Paket mit Nachweisen zur Barrierefreiheit kontaktieren.
  • Tabellenköpfe werden gemeldet, nicht erraten. Der Editor rät nicht, dass eine erste Zeile eine Kopfzeile ist – falsch geraten würde Daten als Überschriften kennzeichnen, und das ist schlimmer, als sie unverändert zu lassen. Stattdessen meldet er die Tabelle: Die Barrierefreiheitsprüfung meldet table-missing-header für jede Tabelle ohne Kopfzellen und bietet eine Reparatur per Klick, die die erste Zeile zu <th scope="col"> macht und dabei Zellinhalt und Attribute erhält. Dieser scope wird in das getaggte PDF (TH mit Spalten-Scope) und in .docx (eine wiederholte Zeile tblHeader) übernommen, sodass eine einzige Korrektur die Tabelle überall richtigstellt, wohin sie exportiert wird. Die verbleibende Lücke: Eine nebenbei erstellte Tabelle bleibt unzugänglich, bis jemand die Prüfung ausführt.
  • Der Bildeditor (tui.image-editor) ist eine Abhängigkeit von Dritten; seine Werkzeugpalette ist nicht vollständig per Tastatur bedienbar. Wir bieten einen einfachen Upload als Alternative, sodass Benutzer den Editor überspringen und trotzdem Bilder mit Alt-Text einfügen können.
  • Die mobile Symbolleiste ist responsiv, aber nicht für die Rotor-Navigation von VoiceOver / TalkBack optimiert. Das steht auf der Roadmap für 2026, zusammen mit dem eigenen mobilen Symbolleistenmodus.

Unterstützte assistive Technologie

Vor jedem Release testen wir mit den folgenden Kombinationen. Probleme in einer dieser Kombinationen blockieren das Release.

PlattformScreenreaderBrowser
Windows 11NVDA 2024.xChrome, Firefox, Edge (aktuell)
Windows 11JAWS 2024Chrome, Edge (aktuell)
macOS 14+VoiceOverSafari (aktuell)
iOS 17+VoiceOverSafari
Android 13+TalkBackChrome (nach bestem Bemühen)

Tastenkürzel

Das Benutzerhandbuch enthält die vollständige Referenz der Tastenkürzel. Die wichtigsten:

  • Ctrl+B / I / U – fett / kursiv / unterstrichen
  • Ctrl+K – Link einfügen
  • / am Zeilenanfang – Menü der Slash-Befehle
  • @ + Name – Auswahl für Erwähnungen
  • Ctrl+Alt+M – Kommentar zur Auswahl hinzufügen
  • Ctrl+Shift+E – Änderungsverfolgung umschalten
  • Ctrl+Space auf einer Auswahl – Ask AI

Ein Problem melden

Wenn Sie assistive Technologie verwenden und etwas nicht funktioniert, möchten wir davon erfahren. Bitte geben Sie an:

  • Die assistive Technologie, die Sie verwenden (Name + Version)
  • Browser und Betriebssystem
  • Was Sie tun wollten, was passiert ist und was Sie erwartet haben
  • Die URL oder ein Code-Snippet, wenn Sie den Editor integrieren

Schreiben Sie an accessibility@richtexteditor.com – wir sagen eine erste Antwort innerhalb von zwei Werktagen zu.

Versionsverlauf. Diese Erklärung wurde erstmals im April 2026 veröffentlicht. Sie wird jedes Quartal im Rahmen unseres Release-Zyklus überprüft; wesentliche Änderungen werden in den Release Notes des Produkts genannt.