Der iredakt 4.0 Editor für 100% barrierefreien Content. und überhaupt die Gesamt-Problematik der Barrierefreiheit bei CMS-Editoren

Transkript

1 Der iredakt 4.0 Editor für 100% barrierefreien Content und überhaupt die Gesamt-Problematik der Barrierefreiheit bei CMS-Editoren CMS iredakt Seite 1

2 Wie kommt Content ins CMS? Content Management Systeme müssen Schnittstellen für die Redakteure haben. Damit werden benutzerdefinierte Inhalte (Text, Bilder oder sonstige Medieninhalte) in die Webseiten eingefügt. Text wird heute in der Regel mit fensterbasierten Editoren im Benutzerdialog erfasst und formatiert. Diese Editoren können sein: völlig separate Anwendungen, teilintegriert in das CMS, komplett integriert in das CMS. CMS iredakt Seite 2

3 Codebasis von Editoren Javascript-basiert PHP-programmiert Java-programmiert VB- oder ASP-programmiert wie der iredakt 4 Editor CMS iredakt Seite 3

4 Javascript-basierte Editoren Relativ unkomfortabel. Schwer integrierbar, serverseitig überhaupt nicht integrierbar. Als lizenzfreie Zwischenlösung aus der Mode. CMS iredakt Seite 4

5 PHP-basierte Editoren Die am meisten vertretene Kategorie. Es gibt eine Reihe von freien Editoren unter GPL. Frei und weit verbreitet der JCKEditor. Die Schnittstelle für die Integration wird meist vom CMS bereit gestellt. Z. B. von den PHP-basierten Web- CMS Typo3, Joomla und Contao (ehedem Typolight). Anpassungen können je nach Aufgabe teils konfiguriert, teils nur programmiert werden. Für bestimmte Aspekte der Barrierefreiheit hat sich nach Wissen von Netz der Möglichkeiten eg noch niemand die Mühe gemacht. CMS iredakt Seite 5

6 Java-basierte Editoren Sehr komplexe und leistungsfähige Editoren. Ohne bestimmte Aspekte der Barrierefreiheit. Oft lizenzpflichtig. Java-Umgebung auf dem CMS-Server erforderlich. Anpassungen müssen in Java programmiert werden. Die Integration wird von Java-basierten CMS bereit gestellt. Z. B. Infopark Fiona mit EditOnPro, Jahia mit FCKEditor. CMS iredakt Seite 6

7 VB-basierter iredakt 4 Editor Integriert ins CMS iredakt, für die Zukunft geplant auch separat, jedenfalls unter Windows, auf Windows Terminalserver im Internet, aber auch lokal installierbar. Alle Aspekte der Barrierefreiheit. Lizenzpflichtig. Stand-Alone. Keine Installation auf dem Webserver. Anpassungen müssen programmiert werden. CMS iredakt Seite 7

8 Strategien der Semantik-Integration Strategie 1 Jedes Element (H1...H6, P, UL,...) als separates Textfeld betrachten und untereinander anordnen. So arbeitet Imperia und eingeschränkt auch Contao. Strategie 2 Ein Textfeld ähnlich wie bei einer Textverarbeitung bearbeiten und formatieren. So arbeiten fast alle anderen. Typo3 stellt eine Mischversion aus 1 und 2 bereit. CMS iredakt Seite 8

9 Die wirklich große Herausforderung Die eigentliche Herausforderung für Entwickler eines Barrierefrei-Editors ist nicht die Anordnung von H oder P oder UL. Die eigentliche Herausforderung ist die Textauszeichnung (abbr, acronym, span lang, q) im Fließtext und das Einfügen korrekter Hyperlinks im Text. CMS iredakt Seite 9

10 Barrierefrei-Editoren verhindern Was die Entwickler der gängigen PHP- und Java- Editoren nicht begriffen haben: Es kommt nicht darauf an, dass der Editor alles und jedes kann, sondern dass er bestimmte Fehler verhindert oder bestimmtes Verhalten erzwingt. Der Editor darf z. B. keine deprecated elements (<font >,...) erlauben und damit die valide Syntax der Seite zerstören. Häufig müssen deshalb trickreiche Nachbearbeitungsroutinen der Webkrauts korrigieren, was die Editoren falsch gemacht haben. CMS iredakt Seite 10

11 Barrierefrei-Editoren unterstützen Der Editor muss eine barrierefreie semantische Struktur (H1-H6, P, etc.) ohne unzulässige Schachtelungen unterstützen. Der vom Editor erzeugte Code muss korrekt in das umliegende (X)HTML eingebettet werden. Der Editor muss vom Redakteur Pflicht-Attribute der Tags wie alt oder title abverlangen. Der Editor muss Abkürzungen und Sprachwechsel auszeichnen können. CMS iredakt Seite 11

12 iredakt 4 Editor - Bildschirmabzug CMS iredakt Seite 12

13 iredakt Editor 4 WYSIWYG und CSS WYSIWYG-Übersicht und ein Tag-abhängiges (kontextsensitives) Funktionsangebot unterstützen Redakteure bei der korrekten Abfolge der Elemente (Tags) innerhalb des Content-Platzhalters. Die WYSIWYG-Ansicht basiert auf dem im iredakt- Projekt eingesetzten CSS. Class-Attribute werden nur im Rahmen des im Projekt eingesetzten CSS zur Auswahl angeboten. CMS iredakt Seite 13

14 iredakt Editor 4 Textauszeichnung Alle Attribute-Dialoge unterstützen die korrekte Tag- Auszeichnung durch Pflichtattribute. Eine projektspezifisch konfigurierbare Ersetzungsdatenbank zeichnet die Texte automatisch mit <abbr>, <acronym> und <span lang > aus. (Hinweis: Je größer die Zahl der Wörter/Begriffe, die in der Datenbank freigeschaltet sind, desto länger die Laufzeit beim Speichern des Textes. Jeder einzelne Begriff muss mit jedem einzelnen Wort abgeglichen werden.) CMS iredakt Seite 14

15 iredakt Editor 4 Bereinigung Der Freistellungs-Assistent entfernt unerwünschte Attribute und Tags beim Einkopieren mit Copy & Paste aus Office-Anwendungen. HTML-inkompatible Word-Sonderzeichen werden vor dem Speichern in die Content-Datenbank entfernt. CMS iredakt Seite 15

16 Systemvoraussetzungen Die SAAS-Version auf dem Terminalserver der Genossenschaft ist im Internet verfügbar. Bei Installation im Netzwerk oder auf Einzel-PC: Windows ab 2000 MS Internet Explorer (MSHTML Rendering Engine) ab Version 7 Access XP bis 2007 Vollversion, alternativ Access XP oder 2007 Runtime (keine Lizenzkosten) Bei Einsatz des iredakt Tabellenassistenten: MS Excel erforderlich. CMS iredakt Seite 16

17 Exkurs: iredakt-referenzen Südstadtportal und Nürnberg-Magazine (Artikeldienst) Weitere Referenzen CMS iredakt Seite 17