Heute:

Deutschland im Blindflug? Angewandte Barriere-Armut in den Webangeboten der deutschen Landeshauptstädte

Von mehr als 8 Millionen behinderten Menschen (Stand 2003) bewegen sich ca. 10% im Internet.

•  Von mehr als 8 Millionen behinderten Menschen (Stand 2003) bewegen sich ca. 10% im Internet.

Barrierearmut soll die Zugänglichkeit des visuellen Mediums Internet auch für Sehbehinderte und Blinde ermöglichen.*

•  Von mehr als 8 Millionen behinderten Menschen (Stand 2003) bewegen sich ca. 10% im Internet!

•  Barrierearmut soll die Zugänglichkeit des visuellen Mediums Internet auf für Sehbehinderte und Blinde ermöglichen.*

Städteportale sollten ihre Informationen allen Bürgern zur Verfügung stellen.

•  Von mehr als 8 Millionen behinderten Menschen (Stand 2003) bewegen sich ca. 10% im Internet!

•  Barrierearmut soll die Zugänglichkeit des visuellen Mediums Internet auf für Sehbehinderte und Blinde ermöglichen.*

•  Städteportale sollten ihre Informationen allen Bürgern zur Verfügung stellen.

Fahrstühle, Rollstuhlrampen in städtischen Einrichtungen sind Pflicht. �Werden auch digitale Fahrstühle und Rollstuhlrampen zur Verfügung gestellt?

Die Websites einiger Landeshauptstädte im Usability-Vergleich.

Achtung! Schlechtwetterfront in Potsdam und Kiel

www.potsdam.de

•  63 verschachtelte Layout-Tabellen auf einer Seite – so bringt man Screenreader auf jeden Fall zum Stottern.

Rekordverdächtig:

www.potsdam.de

•  63 verschachtelte Layout-Tabellen auf einer Seite – so bringt man Screenreader auf jeden Fall zum Stottern.

Rekordverdächtig:

Immerhin wird eine alternative Textversion angeboten ;)

Rekordverdächtig: www.potsdam.de •  63 verschachtelte Layout-Tabellen auf einer Seite – so bringt man

Screenreader auf jeden Fall zum Stottern.

www.kiel.de •  Schwache Kontraste

(z.B. in der Seitennavigation) •  Keine Trennung von Inhalt und Layout �

keine Unabhängigkeit vom Endgerät, das auf den Inhalt zugreift

•  Wenn schon Frames - dann bitte mit korrekter Benennung.

Heiter bis wolkig. Bremen, München, Magdeburg, Erfurt & Berlin

Für Erfurt, Bremen & Magdeburg gilt: •  Semantische Auszeichnung misslungen �

das erschwert die Navigation per Screenreader und das Verständnis des Inhalts.

•  Warum nicht einfach Headline-Tags benutzen?

München und Berlin: •  Der Inhalt dieser Seiten ist (nicht nur) für

Sehbehinderte schwer erfassbar.

Gründe: •  Kleine Schrift, Unübersichtlichkeit,

Verschachtelungen. •  Information erschlägt User ;-)

Der Himmel klart auf Über Hamburg und Dresden

Übersichtlichkeit auf www.hamburg.de:

•  Raum für Informationen. •  Angenehm große Schriften.

Gute html-Auszeichnung auf www.dresden.de •  Die technische Verknüpfung von Label und

Input-Feldern in Formularen macht auch dem Screenreader klar, welche Bezeichnung zu welchem Eingabe-Feld gehört.

•  Durch die gelungene Auszeichnung der �Alt-Tags können sich auch blinde User ein Bild vom Bild machen.

Die Sonne scheint in Mainz, Stuttgart & Saarbrücken

Die Sonne scheint in Mainz, Stuttgart & Saarbrücken

Technisch sauber erstellte Seiten.

Sonnige Aussichten in Mainz, Stuttgart & Saarbrücken Technisch sauber erstellte Seiten.

www.stuttgart.de •  Auffallend durch Nichtauffallen – �

Diese Schönwetter-Seite macht alles richtig, was vorher negativ auffiel.

Sonnige Aussichten in Mainz, Stuttgart & Saarbrücken Technisch sauber erstellte Seiten.

www.stuttgart.de Auffallend durch Nichtauffallen – Diese Schönwetter-Seite macht das richtig, was vorher negativ auffiel.

www.mainz.de •  Hohe Kontraste, große Schriften, gute Auszeichnung der Textelemente.

Sonnige Aussichten in Mainz, Stuttgart & Saarbrücken Technisch sauber erstellte Seiten.

www.stuttgart.de Auffallend durch Nichtauffallen – Diese Schönwetter-Seite macht das richtig, was vorher negativ auffiel

www.mainz.de Hohe Kontraste, große Schriften, gute Auszeichnung der Textelemente

www.saarbrücken.de • Ruhig, sachlich & inhaltsbezogen. Klasse.

Erfolgreicher Nachrücker: Wiesbaden

Erfreulich nach Relaunch: www.wiesbaden.de�

•  Keine Frames und Layouttabellen mehr •  richtige semantische Auszeichnung •  Umschalter oben rechts ermöglicht

größere Schriftgröße und höhere Kontraste

Unser Fazit

Oft gut gemeint, leider selten toll gemacht.

•  Der Versuch der barrierearmen Umsetzung ist bei vielen Städteportalen schon erkennbar, aber leider nur oberflächlich umgesetzt.

•  ¾ der Seiten sind mit screenreaderfeindlichen Layouttabellen aufgebaut.

•  Framesets sollten definitiv der Vergangenheit angehören. •  Zu den Stichworten „Semantische Auszeichnung“ und

„lineare Strukturierung“ gibt es augenscheinlich Aufklärungsbedarf bei den Redakteuren.

•  Der Großteil der Städteportale wirkt etwas verstaubt. Vielen Seiten würde auch ein neuer Anstrich mit einhergehender Neustrukturierung gut tun.

•  Der Großteil der Städteportale wirkt etwas verstaubt. Vielen Seiten würde auch ein neuer Anstrich mit einhergehender Neustrukturierung gut tun.

•  Und wo wir schon im Jahr 2010 sind – vielleicht könnten ja langsam auch im öffentlichen Bereich Audio-Formate genutzt werden, um sehbehinderten Usern ein lebendiges Bild zu ermöglichen?

Was meinen Sie? Feedback, Fragen & Anregungen zum cosmocheck gerne an: cosmocheck@cosmoblonde.de

*) noch etwas technische Hintergrundinfo für Interessierte

*) Screenreader und Tabellendesign

•  Sehbehinderte und blinde Internet User nutzen einen Screenreader, der Zeile für Zeile von links nach rechts vorliest, um die Inhalte „sichtbar“ werden zu lassen.

•  Ein (technisches) Tabellendesign behindert die Vorlesbarkeit durch einen Screenreader!

**) Tabellen und Usability: •  Tabellen werden vom Screenreader Zeile für Zeile von links

nach rechts vorgelesen. Blinde können somit nur eine Tabellenzelle erfassen.

•  Eine komplexe Verschachtelung nur aus Gründen des Layouts kann zu Problemen führen. Textabschnitte werden dadurch aus dem Kontext gerissen und ohne konkreten Zusammenhang vorgelesen.

•  „Für mich als blinden Nutzer vervielfacht sich die Zeit, um an die Inhalte zu kommen, um ein vielfaches.“

***) Nicht-Text-Elemente und Barrierefreiheit:

•  Der ALT-Tag dient zur inhaltlichen Beschreibung eines Bildes oder Objektes (ALT = Alternativ).

•  Fehlt der ALT-Tag, erkennt der Screenreader das Element, kann aber nicht vermitteln, was gezeigt wird.

•  Wichtig: Ein leerer ALT-Tag wird vom Screenreader als Deko-Bild und somit als nicht inhaltsrelevant erkannt.