Barrierefreier Internetauftritt mit iKISSAnwenderbeispiel: Kreis Ostholstein

April 11, 2023

Inhalt

Grundlagen zur Thematik Zielgruppen Die BITV

Das Projekt "Ostholstein-Portal" Ausgangssituation Designfragen Technische Hilfsmittel Aufgaben für die Redakteure

Informationsquellen

April 11, 2023

Barrierefreiheit - die Zielgruppen

Die Zielgruppe ist größer

als allgemein angenommen!

April 11, 2023

Barrierefreiheit - die Zielgruppen

Blinde und sehschwache Menschen Mobilitätseingeschränkte, Nutzer von Hilfsmitteln zur

Computerbedienung (z.B. Kopfmaus) Menschen mit Farbsehschwächen Menschen mit kognitiven Schwierigkeiten Analphabeten, Menschen mit LRS generell Menschen mit niedrigem Bildungsniveau Menschen mit geringen bzw. ohne deutsche

Sprachkenntnisse (Ausländer)

April 11, 2023

Barrierefreiheit nach BITV - der Bund

Behindertengleichstellungsgesetz vom 27.4.2002,§ 11 Barrierefreie Informationstechnik

Verordnung zur Schaffung barrierefreier Informationstechnik nach dem Behindertengleichstellungsgesetz

Vom 17.06.2002, gilt für ...Internetauftritte und –angebote ... und mittels Informationstechnik realisierte graphische Programmoberflächen, die öffentlich zugänglich sind, der Behörden der Bundesverwaltung

Umsetzung bis 31.12.2005

April 11, 2023

Regelungen zur Barrierefreiheit in den Bundesländern

Einige Bundesländer noch ohne BGG Mehrzahl in Anlehnung an BITV Bund Häufig ohne Durchführungsbestimmung Selten für die kommunale Ebene bindend

April 11, 2023

Nordrhein-Westfalen

"Gesetz zur Gleichstellung behinderter Menschen und zur Änderung anderer Gesetze" vom 16.12.03, in Kraft seit 1.1.2004

Das Land und die Kommunen werden damit verpflichtet, behinderten Menschen ein selbstbestimmtes Leben zu ermöglichen.

BIT regeln § 10 "Barrierefreie Informationstechnik" sowie eine weiterführende BITV vom 1.7.2004

Vor dem 1.1.2004 veröffentlichte Angebote sind umzustellen: bis 31.12.2005: für speziell an Behinderte gerichtete Inhalte bis 31.12.2008: für nicht speziell an Behinderte gerichtete Inhalte

April 11, 2023

Barrierefreiheit nach BITV

Hauptforderung: "One Web For All"

Infos: http://www.einfach-fuer-alle.de

Wesentliche Anforderungen an das Webdesign: Verzicht auf Frames bzw. eindeutige Kennzeichnung Wechselbare Kontraste, geeignete Farbgebung Frei wählbare Schriftgrößen Keine Festlegung auf Bildschirmauflösungen oder

bestimmte Browser Formatierungen/Positionierungen über css Standardkonformer Code

April 11, 2023

Barrierefreiheit nach BITV

April 11, 2023

Barrierefreiheit nach BITV

Technische Anforderungen an ein CMS Generierter Code ist Standardkonform (HTML/XHTML) Geeignet für Screenreader, Braille-Zeilen und andere Hilfsmittel Bedienbar mit Hilfsmitteln (Kopfmaus) und Tastatur Verzicht auf JavaScript/ActiveX Vorbelegung von Formularfeldern Möglichkeiten für Redakteure

zur Auszeichnung von Textteilen Zur barrierefreien Gestaltung Templates Zugriff auf zentrale Definitionen

April 11, 2023

Projekt: Ostholstein-Portal

Kreis Ostholstein in Schleswig-Holstein iKISS-Kunde seit Dezember 1999 Verbundsystem von Kreis und Gemeinden mit Intra,-

Extra- und Internet sowie miniKISS-Auftritten Umsetzung als Portallösung für 6 Themenbereiche Umstellung auf neues Design in Verbindung mit

barrierefreier Darstellung für Portal und Seiten des Kreises

April 11, 2023

Das Ostholstein-Portal

April 11, 2023

Das Ostholstein-Portal

April 11, 2023

Analyse des bisherigen Layouts

Analyse erfolgt durch enteraktiv GmbH, Kiel

www.enteraktiv.de

Auftritt bislang sehr erfolgreich Analyse aus Sicht der Barrierefreiheit Startseite und Auftritt getrennt betrachtet

April 11, 2023

Startseite

Feste Größe Javascript keine

Tastaturbedienung Einstiegsseite

April 11, 2023

Folgeseiten

Navigation optisch getrennt

Einsatz Newsticker Pop-Up-Fenster Nicht eindeutig:

Rücksprung zur Startseite

Bereichslogo

April 11, 2023

Generelle Probleme (iKISS bisher)

Frame-behaftetes Design Schriften nicht skalierbar Quelltext nicht Standardkonform Formularfelder nicht vorbelegt Einige Module nicht barrierefrei

Automap Slideshow

Keine konsequente Nutzung von css

April 11, 2023

Vorschläge für das Design

Verzicht auf Frames Keine Fixierung auf eine Bildschirmgröße Farben unterstützen bislang gute Lesbarkeit ->

Hinzufügen weiterer Kontrastschemata Umstellung auf mehrspaltiges Layout Einsatz einer Reiternavigation Eventuell Einsatz einer

"Breadcrumb"-Navigationshilfe

April 11, 2023

Roadmap: Re-Design Ostholstein-Portal

Analyse des bestehenden Auftrittes Aufsetzung eines Interims-Portals Entwicklung eines neuen Designs - Training der Chefredaktion Umsetzung des Designs und Realisierung des

Content-Designs Zusammenfassung der 6 alten Portalauftritte in 4 neue Übernahme der Altdaten Training der Redakteure Relaunch und Redaktionsarbeit in neuer Umgebung

April 11, 2023

iKISS 4.1 ermöglicht dabei

Framelose Darstellung Vollständige Umstellung der Ausgabe

Listengenerator Modultemplates

Editorfunktionen zur Gestaltung barrierefreien Contents Nutzung von css zur Positionierung und Formatierung Auszeichnung von Abkürzungen, Fremdsprachen u.ä. Bildung von Überschriften zur Seitenstrukturierung Tabellendefinition Warnung bei Einsatz von Javascript

April 11, 2023

Templatebasierte Modulausgaben

Ausgabe der Funktionsmodule und von Listen über Modultemplates

Basis: spezielle Makrosprache Freie Gestaltung nach individuellen Wünschen

je Modul je Verlinkung

Nutzung von css Konsequente Nutzung sichert (X)HTML-

konforme Ausgabe

April 11, 2023

Was wird im Design getan

Frame-freies Seitendesign Wahl von Kontrasten und Schriftgrößen ermöglichen Konsequente Nutzung von css zur Gestaltung und

Positionierung, zentrale css-Definitionen Verwendung von Templates für die Redakteure zur

Inhaltserstellung Ausschließliche Verwendung von Templates für

Modulausgaben

April 11, 2023

Was werden die Redakteure tun

Technisch/Redaktionell

Bilder in der Mediendatenbank mit aussagefähigen Titeln versehen (=Alt-Text)

Kontrastreiche Grafiken verwenden Grosse Schaltflächen und Links einsetzen Auf Tabellen zur Gestaltung verzichten Auf Javascript verzichten (Ticker...)

April 11, 2023

Was werden die Redakteure tun

Inhaltlich

Texte einfach und verständlich halten Schwierige Sachverhalte z.B. bebildern Gut lesbare, übersichtliche Seiten bauen Texte gliedern Weitgehender Verzicht auf Abkürzungen, Akronyme

und Fremdwörter bzw. diese kennzeichnen

April 11, 2023

Informationsquellen

http://www.behindertenbeauftragter.de Netzwerk Digitale Chancen [www.digitale-chancen.de] http://www.webforall.info http://www.dvbs-online.de/bik http://www.einfach-fuer-alle.de

April 11, 2023

Danke für die Aufmerksamkeit!

Haben Sie Fragen?