Barrierefreies Internet mit Content-Management-Systemen am Beispiel des CMS Papoo. Carsten Euwens. Erstellung BITV konformer Internetseiten

Transkript

1 Carsten Euwens Erstellung BITV konformer Internetseiten Welche Möglichkeiten bietet dabei das CMS Papoo Was kann Papoo ohne Benutzereingriff Wobei kann Papoo den Seitenersteller/Redakteur unterstützen Was kann nur der Seitenersteller/Redakteur Was kann mit Papoo gar nicht gemacht werden Stärken und Schwächen des Systems Ein kurzer Streifzug wie gehe ich vor Einige Referenzen

2 Was kann Papoo ohne Benutzereingriff. Welche Punkte der BITV werden von Papoo schon erfüllt, ohne dass ein einziger Handgriff außer der Installation durchgeführt wurde. Diese Punkte sind systembedingt immer vorhanden und können nur durch Programmierer bzw. Eingriff in den Quellcode geändert werden.

3 Was kann Papoo ohne Benutzereingriff. Valide Dokumente (XHTML 1.0 transitional) Ausschließliche Verwendung von CSS Stylesheets zur Layoutgestaltung, als Basis wird zur Zeit das YAML Framwork von Dirk Jesse genutzt Alle Inhaltsblöcke werden durch Überschriften ausgezeichnet Systembedingte Listen z.b. Menü oder Sitemap werden als Listen ausgegeben Es werden keine Tabellen für Layoutzwecke genutzt Verwendbarkeit auch ohne CSS Stylesheets bzw. mit den Browserstylesheets Systembedingte Bereiche der Dokumente funktionieren auch mit deaktiviertem JS Die aktuelle Sprache wird entsprechend ausgezeichnet im html Element Erfüllt sind somit die Punkte 3.2, 3.3, 3.5, 3.6, 4.3, 5.3, 6.1, 6.3 (Teilweise)

4 Was kann Papoo ohne Benutzereingriff. Keine automatische periodische Aktualisierung Automatische Weiterleitungen werden ausschließlich serverseitig ausgeführt Erfüllt sind somit die Punkte 7.4 und 7.5

5 Was kann Papoo ohne Benutzereingriff. Es werden keine Popups verwendet Neue Fenster werden im title Attribut angemeldet Alle Formularelemente des Systems haben korrekt zugeordnete und positionierte Beschriftungen Erfüllt sind somit die Punkte 10.1 und 10.2

6 Was kann Papoo ohne Benutzereingriff. Es werden nur öffentlich zugängliche und vollständig dokumentierte Technologien verwendet ->HTML/CSS/PHP/MySQL Überholte Funktionen werden nicht verwendet. Erfüllt sind somit die Punkte 11.1 und 11.2

7 Was kann Papoo ohne Benutzereingriff. Frames werden nicht verwendet Beschriftungen werden den Kontrollelementen zugeordnet in allen Systemformularen Metadaten werden vom System bereitgestellt, insoweit diese nicht vom Ersteller/Redakteur einzugeben sind Eine Sitemap (Inhaltsverzeichnis) wird automatisch erstellt und eingebunden Erfüllt sind somit die Punkte 12.1, 12.2, 13.2 und 13.3

8 Was kann Papoo ohne Benutzereingriff. Logische Tab Reihenfolge, kein tabindex Accesskeys nach Accesskeypad von Jan Eric Hellbusch Nebeneinanderliegende Links die vom System ausgegeben werden sind durch druckbare Zeichen getrennt Es wird eine Navigationsleiste bereitgestellt Übersprunglinks sind integriert Erfüllt sind somit die Punkte 9.4, 9.5, 10.5, und 13.5

9 Wo kann Papoo den Seitenersteller/Redakteur unterstützen Für Bilder sind Textäquivalente zwingend einzugeben

10 Wo kann Papoo den Seitenersteller/Redakteur unterstützen Verwendung von Text anstelle von Bildern wird gefördert durch die bevorzugte Eingabe von Texten

11 Wo kann Papoo den Seitenersteller/Redakteur unterstützen Zitate können mittels der vorgesehenen Elemente ausgezeichnet werden

12 Wo kann Papoo den Seitenersteller/Redakteur unterstützen Sprachwechsel können kenntlich gemacht werden, auch automatisiert, bei der Nutzung der Automatik können Wörter eingegeben werden die dann in allen Artikeln automatisch gekennzeichnet werden.

13 Wo kann Papoo den Seitenersteller/Redakteur unterstützen Metadaten können pro Seite vom Ersteller/Redakteur eingegeben werden

14 Wo kann Papoo den Seitenersteller/Redakteur unterstützen Für Bilder sind Textäquivalente zwingend einzugeben, Systembilder haben diese ohnehin Verwendung von Text anstelle von Bildern wird gefördert durch die bevorzugte Eingabe von Texten Zitate können mittels der vorgesehenen Elemente ausgezeichnet werden Sprachwechsel können kenntlich gemacht werden, auch automatisiert Zeilen und Spalten Überschriften in Tabellen können eingegeben werden, allerdings nur im HTML Quelltext Layout Tabellen im Inhalt sind automatisch ohne entsprechende Strukturelemente erzeugbar Metadaten können pro Seite vom Ersteller/Redakteur eingegeben werden Erfüllt werden können somit die Punkte 1.1 (tw), 3.1, 3.7, 4.1, 5.1, 5.4

15 Wo kann Papoo den Seitenersteller/Redakteur unterstützen Das Ziel jedes Hyperlinks kann durch Kontextmenüs eindeutig identifiziert werden

16 Wo kann Papoo den Seitenersteller/Redakteur unterstützen Navigationsmechanismen sind durch Listenstrukturen schlüssig, und können inhaltlich entsprechend strukturiert werden

17 Wo kann Papoo den Seitenersteller/Redakteur unterstützen Das Ziel jedes Hyperlinks kann durch Kontextmenüs eindeutig identifiziert werden Navigationsmechanismen sind durch Listenstrukturen schlüssig, und können inhaltlich entsprechend strukturiert werden Es werden standardardmäßig keine dynamische Inhalte erstellt Flackernde, blinkende und sich bewegende Inhalte sind nur mit zusätzlichem Aufwand zu erstellen, bzw. durch CSS zu realisieren Es können clientseitige Imagemaps erstellt und eingebunden werden, redundante Textlinks dazu bereitgestellt werden Große Informationsblöcke können unterteilt werden Beschriftungen sind systemtechnisch den Kontrollelementen zugeordnet Erfüllt werden können somit die Punkte 1.5, 6.5, 7.1, 7.2, 7.3, 9.1, 12.3, 12.4, 13.1 und 13.4

18 Wo kann Papoo den Seitenersteller/Redakteur unterstützen Ausreichende Kontraste können mit Hilfe des CSS hergestellt werden, alternative Layouts können per Auswahl (Styleswitcher) erreicht werden

19 Wo kann Papoo den Seitenersteller/Redakteur unterstützen Abkürzungen und Akronyme können entsprechend automatisiert ausgezeichnet werden

20 Wo kann Papoo den Seitenersteller/Redakteur unterstützen Alternative Sprachversionen können erstellt und ausgewählt werden

21 Wo kann Papoo den Seitenersteller/Redakteur unterstützen Zusammenfassungen von Inhalten können bei jedem längeren Text extra erstellt und dargestellt werden

22 Wo kann Papoo den Seitenersteller/Redakteur unterstützen Ausreichende Kontraste können mit Hilfe des CSS hergestellt werden, alternative Layouts können per Auswahl (Styleswitcher) erreicht werden Abkürzungen und Akronyme können entsprechend automatisiert ausgezeichnet werden Alternative Sprachversionen können erstellt und ausgewählt werden Übersprunglinks sind systemtechnisch integriert und können zusätzlich natürlich erzeugt werden Zusammenfassungen von Inhalten können bei jedem längeren Text extra erstellt und dargestellt werden Erfüllt werden können somit die Punkte 2.3, 4.2, 11.4, 13.6 und 13.8

23 Was kann nur der Seitenersteller/Redakteur Mit Farben dargestellte Informationen müßen auch ohne Farben verfügbar sein -> CSS z.b. Sicherstellen das Äquivalente für dynamische Inhalte aktualisiert werden bei Änderung Eingabegerätunabhängige Skripte Zugängliche dynamische Inhalte Klarste und einfachste Sprache verwenden Strukturelemente für Tabellen verwenden Tabellen mit mehrspaltigem Text linearen Text bereitstellen Text mit graphischen oder Audio Präsentationen ergänzen Gewählten Präsentationsstil beibehalten Bereitstellungen von Zusammenfassungen für inhaltlich getrennte Dokumente Erfüllt werden können somit die Punkte 2.1, 6.2, 6.4, 9.2, , 5.5, 5.6,10.3, 13.9, 14.2 und 14.3

24 Was kann mit Papoo gar nicht gemacht werden Serverseite Imagemaps Audiobeschreibung für Videospuren Mechanismen zur Umgehung von ASCII Zeichnungen Erfüllt werden können somit die Punkte 1.2, 1.3, 1.4 und 13.10

25 Stärken und Schwächen Schwächen Struktur Tabellen müßen von Hand bearbeitet werden, z.b. thead etc. Eigene Formulare müßen ebenfalls von Hand angelegt und bearbeitet werden Für den Seitenersteller (Designer) sind CSS Kenntnisse unbedingt erforderlich da das zugrunde liegende CSS Layout hinreichend komplex ist Erweiterte Funktionen sind zum Teil kostenpflichtig

26 Stärken und Schwächen Stärken Viele Details der BITV beispielsweise sind inhärent im System integriert, wie z.b. keine Layoutabellen -> reine CSS Designs, Accesskeys, Übersprunglinks, korrekt ausgezeichnete Formulare, Bei vielen Punkten die das System nicht alleine kann wird der Autor unterstüzt, z.b. Bilderauszeichnung mit alt Texten, Strukturierung von Inhalten, automatisierte Auszeichnungen von Abkürzungen und Sprachwechsel usw. Administrationsoberfläche unterliegt den gleichen Anforderungen, es ist sogar per Screenreader bedienbar OpenSource und kostenlos

27 Ein kurzer Streifzug wie gehe ich vor? Download und Installation auf dem Server Nach der Installation liegt auf dem Server schon eine voll funktionsfähige Seite, es müßen keine weiteren Dinge eingebaut oder installiert werden

28 Vielen Dank für Ihre Aufmerksamkeit Carsten Euwens Tel.: Internet: