Barrierefreie Website der LNG Fulda

Transkript

1 1 BLUEPAGE CMS - Success Stories Barrierefreie Website der LNG Fulda Ausgangslage Über die Website der Lokalen Nahverkehrsgesellschaft Fulda mbh finden Besucher aktuelle Informationen über gültige Liniennetzpläne, Fahrpläne, Tarif- und Fahrausweisinformationen. Linienfahrpläne und Fahrplanaushänge - auch haltestellenbezogen - im Landkreis Fulda können als PDF oder HTML-Seiten aufgerufen, ausgedruckt oder gespeichert werden. Ein weiterer Service ist die Anbindung an die Fahrplanauskunft und Tarifauskunft des Rhein-Main- Verkehrsverbund (RMV). Lösung Erstellung spezieller Formulare zur Anbindung an das System EFA (Elektronische Fahrplanauskunft) der Firma Mentz Datenverarbeitung GmbH in München mit Übergabe der Daten an die Fahrplanauskunft der Rhein-Main-Verkehrsverbund GmbH. Erstellung einer Datenbank zur Ausgabe der Linienfahrpläne im Internet mit Im- und Exportfunktionen zum Backend-Programm. Projektdaten im Überblick Kunde Branche URL Leistungen Extensions Lokale Nahverkehrsgesellschaft Fulda mbh Öffentlicher Nahverkehr Zeitraum 11 / 2004 Content Management System Anbindung an das System EFA, Datenbank zur Ausgabe der Linienfahrpläne im Internet mit Im- und Exportfunktionen zum Backend- Programm Lösung BLUEPAGE CMS Version 2.3 Aktuelle Informationen über gültige Liniennetzpläne, Fahrpläne, Tarif- und Fahrausweisinformationen. Ausgabe der Linienfahrpläne als PDF-Datei und im XML-Format.

2 2 BLUEPAGE CMS - Success Stories Barrierefreier Zugang zu den Informationen der Lokalen Nahverkehrsgesellschaft Fulda mbh Barrierefreies Webdesign ist nicht gleich einem unattraktiven Design. Das Ziel des Webangebots der Lokalen Nahverkehrsgesellschaft Fulda mbh war u.a. auch die universelle Zugänglichkeit (Accessibilty) für alle Browser und alternativen Ausgabegeräte. Die Grundlage für das barrierefreie Webdesign ist die Barrierefreie Informationstechnik-Verordnung (BITV). Behörden, Institutionen und Stiftungen des öffentlichen Rechts müssen bis spätestens zum ein barrierefreies Angebot ihrer öffentlichen Webseiten sicherstellen. Barrierefreie Websites lassen sich von allen Nutzern mit oder ohne Behinderung uneingeschränkt nutzen. Die Seiten sind nicht speziell für eine bestimmte Auflösung entwickelt und bleiben unabhängig von der Fenstergröße oder der Bildschirmauflösung für den Betrachter benutzbar. Wird die Darstellung vergrößert oder verkleinert, wächst die Webseite mit, da die Proportionen innerhalb der Seite unabhängig von der eingestellten Darstellungsgröße weitestgehend erhalten bleiben. Die Ausgabe ist unabhängig von dem gewählten Ausgabemedium (Monitor, Handy, PDA, etc.) und kann auch mit Screenreadern, Brailledisplays und alternativen Textbrowsern (z.b. Lynx) betrachtet werden. Motorisch eingeschränkte und ältere Menschen können die Navigation mit Hilfe der Tabulatortaste statt mit der Maus bedienen. Die Seite ist ebenso für blinde und sehbehinderte Menschen zugänglich. Farbangaben, Schriftarten und Schriftgrade können ignoriert oder die Formatierung über CSS komplett abgeschaltet werden. Bei vergrößerter Schrift bleibt die Webseite ohne Einbußen bei Layout oder Funktionalität nutzbar. Das Ergebnis: Eine optimale Seitengestaltung mit uneingeschränkter Flexibilität.

3 3 BLUEPAGE CMS - Success Stories Surfen ohne Maus Navigation und Inhalte sind auf der Seite logisch angeordnet und leicht bedienbar. Auch blinde oder Mobilitätsbehinderte Menschen, die keine Maus benutzen können, sind in der Lage, die Seite zu erfassen. Der Nutzer kann sich gut orientieren da die Navigationspunkte eindeutig erkennbar sind. Einsatz von Java Script als komfortable Ergänzung des Informationsangebots Menschen mit motorischen Einschränkungen können keine Maus benutzen. Sie navigieren über die Tabulator-Taste. Java Script-Funktionen, die von einem Mausklick abhängig sind, können nicht gestartet werden. Ist zum Beispiel die Navigation von Mausklicks abhängig, kann die gesamte Website nicht betrachtet werden. Navigation ohne Java Script Die Website verzichtet vollständig auf Framesets und Tabellenlayout als Element der Seitengestaltung. Auf der Website wird nicht zwingend Java Script verwendet. Java Script wird nur eingesetzt, um das Informationsangebot des LNG Fulda komfortabel zu ergänzen (z. B. bei der vergrößerten Anzeige von Bildern oder der Kalenderauswahl bei der Fahrplanauskunft). Besucher mit ausgeschalteten Java Script in ihrem Browser können die Seiten ohne funktionale Einschränkungen betrachten. Vergrößerte Darstellung von Bildern und Kalenderfunktion bei der Fahrplanauskunft.

4 4 BLUEPAGE CMS - Success Stories Die Bedienung der Fahrplanauskunft ist ebenso von Nutzern mit mobilen kleinformatigen Endgeräten, wie Handys, Handhelds oder PDAs möglich. Ein Bild sagt mehr als tausend Worte... Erweiterte Funktionalität der Fahrplanauskunft bei eingeschaltetem Java Script aber auch ohne Java Script noch immer vollständig benutzbar. Die Vorteile von Bildern liegen auf der Hand. Die Nachteile auch. Ein Bild sagt mehr aus als reiner Text, verbraucht aber auch mehr Speicherplatz. Wer nicht so lange warten will bis sich speicherintensive Bilder aufgebaut haben, schaltet diese einfach ab. Und Bilder nutzen nur dem, der gut sehen kann! Alternativtexte für Bilder Menschen mit Sinnesbehinderungen und kognitiven Behinderungen erhalten Informationen in einer für sie wahrnehmbaren Form. So werden z.b. Bilder und andere Multimedia-Elemente durch einen Alternativtext beschrieben, der von einem Screenreader vorgelesen werden kann.

5 5 BLUEPAGE CMS - Success Stories Es muss nicht immer 1024 x 768 sein! Die Webseite der LNG Fulda wird auch in kleinformatigen Endgeräten, wie Handys, Handhelds oder PDAs übersichtlich und ohne horizontalen Scrollbalken angezeigt. Anzeige bei einer Bildschirmauflösung von 800 x 600 Bildpunkten. Anzeige der Website in kleinformatigen Endgeräten. Anzeige bei einer Bildschirmauflösung von 640 x 480 Bildpunkten. Auch bei einer Bildschirmauflösung von 640 x 480 Bildpunkten erfolgt die Darstellung ohne horizontalen Scrollbalken. Eine höhere Bildschirmauflösung ist natürlich immer möglich.

6 6 BLUEPAGE CMS - Success Stories Farben und Farbblindheit Farbenblinde Nutzer müssen Texte, Links und Bilder ebenso gut erkennen können, wie Nutzer mit normaler Spektralempfindlichkeit. Veränderte Farbeinstellungen (im Beispiel Verwendung der allgemein üblichen Farben für Textlinks). Test auf Farbblindheit (z. B. Rot-Grün-Sehschwäche).

7 7 BLUEPAGE CMS - Success Stories Wird CSS komplett abgeschaltet (z.b. durch alternative Darstellungsgeräte, wie Screenreader, Brailledisplays oder auch durch reine Textbrowser) bleibt der Inhalt komplett zugänglich. Auch für den Textbasierten Browser Lynx bleibt der Inhalt nach wie vor zugänglich. Anzeige bei ignorierten Farbangaben, Schriftarten und Schriftgraden. Anzeige im Textbasierten Browser Lynx Anzeige bei abgeschalteten CSS.

8 8 BLUEPAGE CMS - Success Stories Darstellung in älteren Browsern CSS 2.0 wird von den aktuellen Browsern (ab Version 5.0) zum größten Teil korrekt umgesetzt. Ältere Versionen der Browser (Version 3.x und darunter) unterstützen entweder CSS überhaupt nicht oder nur in der Version 1.0. Auf Grund dieser Nachteile wird alternativ noch eine traditionelle Version angeboten, in der das Layout mit Hilfe von Tabellen gestaltet wurde. Sie können die Darstellung über den Schalter Anzeige jederzeit wechseln. Technologie Die Website der LNG Fulda wurde nach den Richtlinien für barrierefreies Webdesign erstellt. Die technische Umsetzung erfolgte konsequent mit Cascading Style Sheets (CSS) 2.0. Die Website verzichtet vollständig auf Framesets und Tabellenlayout als Element der Seitengestaltung. Auf der Website wird nicht zwingend Java Script verwendet. Java Script wird nur eingesetzt um das Informationsangebot des LNG Fulda komfortabel zu ergänzen (z. B. bei der vergrößerten Anzeige von Bildern oder der Kalenderauswahl bei der Fahrplanauskunft). Besucher mit ausgeschalteten Java Script in ihrem Browser können die Seiten ohne funktionale Einschränkungen besuchen. Die Webseite hat die Validation für HTML und CSS erfolgreich durchlaufen und entspricht den W3C-Normen. Begriffserklärung Framesets Frames ermöglichen die Aufteilung eines Browser-Fensters in unabhängige Teilbereiche. Jeder Frame kann Inhalt in einer eigenständigen Seite anzeigen. JavaScript Skriptsprache zur Ergänzung von HTML. Java Script findet Verwendung um Webseiten interaktiv gestalten zu können. Traditionelle Version Darstellung unter Netscape 4.7 Cascading Stylesheets (CSS) Standard des W3-Konsortium, der einen einfachen Mechanismus zur Anpassung der Web-Seitenformatierung definiert (Definition von Schriftarten, Farben für Überschriften, Abstand zwischen Absätzen usw.). Hierbei handelt es sich um einen unabhängigen, offen dokumentierten und frei verwendbaren Standard.

9 9 BLUEPAGE CMS - Success Stories Copyright Weitere Informationen Weitere Informationen zu BLUEPAGE, der einfachen, schnellen und kostengünstigen Lösung für die Erstellung und Pflege Ihrer Website im Internet oder Intranet finden Sie unter ISS-Oberlausitz e. K. Schulstraße 71 D Eibau FON ( ) FAX ( ) info@iss-ol.de Links - LNG Fulda mbh: - CMS: