Der iredakt 4.0 Editor für 100% barrierefreien Content und überhaupt die Gesamt-Problematik der Barrierefreiheit bei CMS-Editoren CMS iredakt www.iredakt.de Seite 1
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 www.iredakt.de Seite 2
Codebasis von Editoren Javascript-basiert PHP-programmiert Java-programmiert VB- oder ASP-programmiert wie der iredakt 4 Editor CMS iredakt www.iredakt.de Seite 3
Javascript-basierte Editoren Relativ unkomfortabel. Schwer integrierbar, serverseitig überhaupt nicht integrierbar. Als lizenzfreie Zwischenlösung aus der Mode. CMS iredakt www.iredakt.de Seite 4
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 www.iredakt.de Seite 5
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 www.iredakt.de Seite 6
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 www.iredakt.de Seite 7
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 www.iredakt.de Seite 8
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 www.iredakt.de Seite 9
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 www.iredakt.de Seite 10
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 www.iredakt.de Seite 11
iredakt 4 Editor - Bildschirmabzug CMS iredakt www.iredakt.de Seite 12
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 www.iredakt.de Seite 13
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 www.iredakt.de Seite 14
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 www.iredakt.de Seite 15
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 www.iredakt.de Seite 16
Exkurs: iredakt-referenzen Südstadtportal und Nürnberg-Magazine (Artikeldienst) http://www.suedstadtportal.de/suedstadt_portal_nuernberg_berichte_84.htm Weitere Referenzen http://www.iredakt.de/referenzen_content_management_iredakt_37.htm CMS iredakt www.iredakt.de Seite 17