DW-Editor: Accessibility

Zurück: Editoren und Code-Darstellung

Status: Basis [Live] (native Textarea als Fundament jedes Bausteins); Toolbar-ARIA für die WYSIWYG-Umschaltung [Live].

Editoren-Grundlagen bereits verstanden.

Jeder Baustein (CodeMirror, EasyMDE, Core-Editor) erweitert eine bestehende, benannte Textarea progressiv — ohne JavaScript bleibt sie eine gewöhnliche, vollständig zugängliche <textarea> mit nativer Tastaturbedienung. Das ist der Grund, warum diese Bausteine bewusst keine eigene Tastatur-Engine nachbauen (Grundsatz aus editors → Leitfaden „welcher Baustein wofür").

Entfällt — konsolidierte Referenzseite.

Für eine Barrierefreiheits-Abnahme: Abschnitt 6 (Textarea-Fundament) plus Abschnitt 7 (Editor-Toolbar + Umschalter-Ankündigung).

Native Tastaturbedienung kommt kostenlos vom Browser — kein Progressive-Enhancement-Skript darf diese ersetzen, nur ergänzen.

Träger wvdsmd: die EasyMDE-Toolbar trägt role=„toolbar“ plus Roving-Tabindex (Pfeil links/rechts, Pos1/Ende) — dieselbe Mechanik wie Toolbar → Accessibility (scripts/toolbar.js), auf die Editor-Toolbar angewendet. Der Editor/Markup-Umschalter (editors → Umschaltung) kündigt jeden Ansichtswechsel über eine aria-live=„polite“-Region an (#wvdsmd__announce) — dieselbe Ansage-Kategorie wie beim Bulkbar-Zähler des DataGrids (DataGrid → Accessibility).

Entfällt — reine Referenzseite.

Keine über die Feature-Seiten hinaus.

Diese Seite ist der Accessibility-Überblick.

Entfällt — kein Live-Code für den betroffenen Teil.

• Editoren und Code-Darstellung — Grundlagen
• Toolbar: Accessibility — geerbtes Roving-Tabindex-Muster
• DataGrid: Accessibility — verwandtes, mittlerweile behobenes aria-live-Muster als Vorbild