Funktionen

Die Kerntests von Editoria11y erkennen mehr als 50 häufige Barrierefreiheitsprobleme bei Inhalten: Entscheidungen, die die Lesbarkeit beeinträchtigen, Fehler, die Screenreader weniger effektiv machen, und Probleme, die die SEO verschlechtern.

Add-ons bieten ~40 weitere Tests für Entwickler und Designer, benutzerdefinierte Tests und verschiedene seitenweite Qualitätssicherungswerkzeuge.

Die Inhaltsprüfungen konzentrieren sich auf Probleme, die nach der Übergabe der Website an Content-Autoren auftreten. Websites müssen vor dem Launch mit manuellen Prüfwerkzeugen, Tastaturen und Screenreadern getestet werden — aber selbst die barrierefreieste Website neigt dazu, sich mit der Zeit zu verschlechtern, wenn Bearbeitungen neue Probleme einbringen.

Was Editoria11y unter den Barrierefreiheitswerkzeugen auszeichnet, ist, dass seine Tests live im Browser ausgeführt werden, während Autoren ihre Inhalte bearbeiten und in der Vorschau ansehen. Autoren reagieren eher auf unmittelbares, direktes Feedback, bemerken Warnungen und nehmen Korrekturen vor, als dass sie daran denken, ein Dashboard zu besuchen oder eine manuelle Prüfung durchzuführen.

Das Autorenerlebnis

Screenshot der Editoria11y-Symbolleiste mit 4 Fehlern.

Autoren sehen die Editoria11y-Symbolleiste beim Bearbeiten von Inhalten. Wenn Probleme erkannt werden, wird sie gelb oder rot und zeigt eine Problemanzahl an. Ein Klick auf die Anzahl scrollt zum ersten Hinweis und öffnet seinen Tooltip.

Hinweis zeigt an, dass ein Link nur mit „Hier klicken

Hinweise erscheinen inline mit einer einfachsprachigen Fehlerbeschreibung, Korrekturvorschlägen und einer Erklärung, warum das Problem wichtig ist.

Überschriftenstruktur-Visualisierer überlagert eine Seite

Die Symbolleiste enthält zusätzliche Werkzeuge für manuelle Prüfungen, darunter Visualisierungen der Überschriftenstruktur und Alternativtexte sowie eine Lesbarkeitsbewertung.

Verwaltungsfunktionen für Administratoren

Jeder sichtbare Aspekt des Prüfers ist anpassbar. Parameter und Events ermöglichen das Entfernen von Tests, das Umschreiben von Hinweisen, das Einbinden eigener Tests und die Verwendung eigener Themes.

Plugins für Drupal und WordPress fügen weitere Funktionen hinzu, wie z. B. synchronisierte Abweisungen, seitenweite Dashboards und CSV-Berichtsexporte.

Berichtsdashboard mit aktuellen Problemen und Seiten mit den meisten Problemen.
Das Drupal-Dashboard mit filterbaren Listen zu Problemen, betroffenen Seiten und Abweisungen.

Tests

Die Tests von Editoria11y zielen darauf ab, das Web-Erlebnis für alle Nutzer zu verbessern — gemessen an menschlichen Maßstäben, nicht nur an technischen Standards. Während wichtige Tests dazu beitragen sollen, die Web Content Accessibility Guidelines (WCAG 2.2 AA) zu erfüllen, werden andere von der Arbeit der Cognitive and Learning Disabilities Accessibility Task Force sowie allgemeinen Best Practices für Benutzerfreundlichkeit und Design beeinflusst.

Einzelne Tests können von Website-Administratoren deaktiviert werden.

Bild-Alternativtexte

  • Bild ohne Alt-Attribut
  • Alternativtext ist ein Dateiname
  • Alternativtext ist ein Platzhalter („TBD")
  • Alternativtext enthält unaussprechbare Symbole
  • Alternativtext enthält redundante Wörter („Bild von…")
  • Alternativtext ist zu lang
  • Dekoratives Bild könnte einen Wert haben
  • Karussellbild als dekorativ markiert
  • Bild mit Bildunterschrift hat keinen Alternativtext
  • Alternativtext wiederholt die Bildunterschrift

Verlinkte Bilder

  • Verlinktes Bild hat keinen Alternativtext
  • Alternativtext des verlinkten Bildes ist eine URL oder ein Dateiname
  • Alternativtext des verlinkten Bildes ist ein Platzhalter
  • Alternativtext des verlinkten Bildes enthält unaussprechbare Symbole
  • Alternativtext beschreibt das Bild, nicht den Link
  • Alternativtext enthält redundante Wörter
  • Alternativtext ist zu lang
  • Bild in einem Link mit Text hat kein Alt-Attribut

Eingebettete Medien

  • Video benötigt Untertitel
  • Audio benötigt ein Transkript
  • Datenvisualisierung benötigt eine barrierefreie Alternative
  • Frame ohne Titel
  • Frame von der Tastaturnavigation ausgeschlossen
  • Frame-Inhalt benötigt manuelle Barrierefreiheitsprüfung
  • Verlinktes Dokument möglicherweise nicht screenreader-zugänglich
  • PDF ohne barrierefreie Alternative
  • Verschachtelte interaktive Layout-Komponenten

Aussagekräftige Links

  • Leerer Link
  • Linktext ist eine URL
  • Linktext ist nur eine DOI-Nummer
  • Linktext lautet „Hier klicken"
  • Linktext besteht nur aus generischen Wörtern („mehr lesen")
  • Verschiedene Links haben denselben Text
  • Verlinktes Symbol oder Bild ohne Textalternative
  • Link öffnet neuen Tab ohne Warnung
  • Link verweist auf eine Datei ohne Warnung
  • Linktext besteht nur aus Symbolen oder Emojis
  • Aussagekräftiger Linktext vor sehenden Nutzern verborgen
  • Redundanter Link-Tooltip
  • Fehlerhafter Ankerlink auf der Seite
  • Doppeltes ID-Attribut
  • Link verweist möglicherweise auf eine Entwicklungsumgebung

Überschriften

  • Seite hat keine Überschrift 1
  • Erste Überschrift ist eine Unterüberschrift
  • Überschrift überspringt eine Ebene
  • Überschrift ist leer
  • Als Überschrift verwendetes Bild benötigt Alternativtext
  • Überschrift ist sehr lang
  • Fetter Absatz könnte eine Überschrift sein
  • Kurzes Blockzitat könnte eine Überschrift sein

Lesbarkeit des Textes

  • Übermäßig viel Großbuchstabentext
  • Großer Block aus fettem oder kursivem Text
  • Text ist zu klein
  • Nicht verlinkter Text ist unterstrichen
  • Text ist im Blocksatz ausgerichtet
  • Hoch- oder Tiefstellung als Formatierung missbraucht
  • Fake-Liste mit Zeichen oder Symbolen
  • Listenelement außerhalb einer Liste

Farbkontrast

  • Text hat unzureichenden Kontrast
  • Textkontrast erfordert manuelle Prüfung
  • Symbol oder Grafik hat unzureichenden Kontrast
  • Kontrast von Symbol oder Grafik erfordert manuelle Prüfung
  • Eingabetext hat unzureichenden Kontrast
  • Platzhaltertext hat unzureichenden Kontrast

Tabellen

  • Tabelle ohne Kopfzeile oder -spalte
  • Tabellenkopfzelle ist leer
  • Inhaltsüberschrift innerhalb einer Tabelle verwendet

Formulare & interaktive Elemente

  • Schaltfläche hat kein zugängliches Label
  • Schaltfläche hat ein ungültiges ARIA-Label
  • Schaltflächenbezeichnung enthält das Wort „Schaltfläche"
  • Sichtbares Label stimmt nicht mit zugänglichem Namen überein
  • Eingabefeld hat kein zugeordnetes Label
  • Eingabefeld verwendet nur ein unsichtbares Label
  • Eingabefeld verwendet nur einen Platzhalter als Label
  • Reset-Schaltfläche kann versehentlichen Datenverlust verursachen
  • Element vor Screenreadern verborgen, aber noch per Tastatur erreichbar
  • Positiver Tabindex stört Lese- und Tab-Reihenfolge

Seiten-Metadaten

  • Seitentitel fehlt
  • Seitensprache nicht angegeben
  • Viewport verhindert Textskalierung
  • Seite wird automatisch aktualisiert

CSA-Funktionen

Editoria11y fördert Barrierefreiheit auf einzigartige Weise. Seine Werkzeuge sind sehr effektiv dabei, nicht-technischen Autoren zu helfen, Inhalte zu erstellen, die von Webnutzern mit Behinderungen gleichermaßen genutzt werden können. Wir betrachten dies als ein öffentliches Gut, daher wird Editoria11y immer kostenlos nutzbar sein.

Editoria11y ist jedoch nicht kostenlos zu entwickeln oder zu unterstützen.

Das CSA schließt diese Lücke: Projektmitglieder finanzieren die Entwicklung der Editoria11y-Bibliothek, seiner CMS-Plugins und der CSA-Suite: eine schnell wachsende Sammlung von Open-Source-Qualitätssicherungswerkzeugen, die ähnliche Funktionen wie kommerzielle Produkte zu einem deutlich günstigeren Preis bieten. Die CSA-Suite für Drupal ist derzeit kostenlos in der Beta und wird für WordPress im 3. Quartal 2026 verfügbar sein.

Seiten-Crawl wird durchgeführt
CSA-Crawler aktualisiert ein Dashboard.

Tests & Werkzeuge

  • Entwickler-, Lesbarkeits- und Kontrasttests.
  • Rollenbasierte getrennte Konfiguration für Entwickler und Content-Ersteller.
  • Benutzerdefinierte Test-Builder.
  • Seitenweite Ausblendungen mit einem Klick
  • Dashboard-Verwaltungswerkzeuge und Crawler
Farbauswahl in Test-Tooltip

Community-Vorteile

  • Prioritätssupport.
  • Gewichteter Einfluss auf die Projekt-Roadmap.
  • Automatischer Zugang zu neuen Funktionen auf der Roadmap.
  • Direkte Einrichtungshilfe (je nach Stufe).
  • Öffentliche Unterstützernennungen (je nach Stufe/auf Anfrage; Bedingungen gelten).

Zahle-was-du-kannst-Lizenzierung

Nach der Beta wird die CSA-Suite über ein Zahle-was-du-kannst-Modell verfügbar gemacht. Editoria11y Core -- sowohl die Bibliothek als auch die Plugins -- bleibt kostenlos.

Lizenzoptionen und Alternativen ansehen

CSA-geförderte Projekte

Aktiv

Q2 2026: Editoria11y-CSA-Community starten

Verbleibende Arbeiten:

  • Eine Finanzorganisation zur Verarbeitung von Abonnements und Förderungen einrichten.
  • Ein Lizenzsystem aufsetzen.
Q2 2026: Benutzerdefinierter Regel-Builder
  1. Für Drupal fertiggestellt.
  2. Aufgabe: Builder auf WordPress portieren.
Q3 2026: Bibliothek 3.x auf WordPress portieren
  1. CSA-Untermodul mit Community-unterstützten Funktionen erstellen
    • Dashboard-Verwaltungswerkzeuge erstellen, um veraltete Ergebnisse zu entfernen und bestehende Inhalte neu zu crawlen.
    • Erlauben, bestimmte Tests seitenübergreifend als OK zu markieren, nicht nur auf einer Seite.
    • Getrennte Konfiguration mit separaten Einstellungen und Tests für Entwickler und Content-Editoren ermöglichen.

Kürzlich abgeschlossen

Q1 2026: Bibliothek 3.x Neuentwicklung
  • Zusammenführung der Editoria11y- und Sa11y-Regelwerke. Seit dem Fork hat Sa11y ~50 weitere Tests geschrieben und ESM-Tooling eingeführt, während Editoria11y Performance-Verbesserungen umgesetzt und Parameter für Echtzeit-Prüfung hinzugefügt hat. Sa11y 4.2.2 und Editoria11y 3.0.0 starten unsere gemeinsame Zukunft.
  • Unterstützung für „getrennte Konfiguration" hinzugefügt, um separate Regelwerke für Entwickler und Content-Ersteller zu ermöglichen.
  • Maschinenübersetzungen für Chinesisch, Dänisch, Niederländisch, Deutsch, Griechisch, Ungarisch, Italienisch, Japanisch, Norwegisches Bokmål, Polnisch, Portugiesisch (Brasilien), Portugiesisch (Portugal), Spanisch, Schwedisch und Ukrainisch als Vorlagen für menschliche Überarbeitung hinzugefügt.
  • Aktueller Status: Programmierarbeiten sind abgeschlossen; Release-Tag wird nach Aktualisierung der Dokumentation und Demos vergeben.
Q1 2026: Drupal-Modul 3.x Neuentwicklung
  1. Dashboard mit robusteren Berichts- und Filterwerkzeugen erweitert.
  2. Maschinenübersetzungen für Chinesisch, Dänisch, Niederländisch, Deutsch, Griechisch, Ungarisch, Italienisch, Japanisch, Norwegisches Bokmål, Polnisch, Portugiesisch (Brasilien), Portugiesisch (Portugal), Spanisch, Schwedisch und Ukrainisch als Vorlagen für menschliche Überarbeitung hinzugefügt.
  3. CSV-Exportfunktionen anpassbar gemacht
  4. CSA-Untermodul mit Community-unterstützten Funktionen erstellt
    • Dashboard-Verwaltungswerkzeuge erstellt, um veraltete Ergebnisse zu entfernen und bestehende Inhalte neu zu crawlen.
    • Ermöglicht, bestimmte Tests seitenübergreifend als OK zu markieren, nicht nur auf einer Seite.
    • Getrennte Konfiguration mit separaten Einstellungen und Tests für Entwickler und Content-Editoren ermöglicht.

In Diskussion

Diskutieren und abstimmen Sie über diese Ideen in den Editoria11y-Bibliotheksforen.

Ideen sind mit Einschätzungen zu Schwierigkeit und Priorität auf Basis aktueller Community-Diskussionen versehen.

  • Multi-Site-Überwachungs-Dashboard
  • Erkennung defekter Links
  • PDF-Scanning
  • Tab für Tooltip-Code-Herkunft
  • Tooltip-Seitenberichtsexport
  • Markierte Wörter
  • CLI-Entwicklerwerkzeuge
  • Bookmarklets/Browser-Plugins
  • ACT-Regelvalidierung
  • Name/Rolle/Wert-Validierung erweitern