cosmocheck - Usabilty von Städteportalen
-
Upload
cosmoblonde-gmbh -
Category
Business
-
view
288 -
download
0
description
Transcript of cosmocheck - Usabilty von Städteportalen
![Page 1: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/1.jpg)
![Page 2: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/2.jpg)
Heute:
Deutschland im Blindflug? Angewandte Barriere-Armut in den Webangeboten der deutschen Landeshauptstädte
![Page 3: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/3.jpg)
Von mehr als 8 Millionen behinderten Menschen (Stand 2003) bewegen sich ca. 10% im Internet.
![Page 4: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/4.jpg)
• 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.*
![Page 5: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/5.jpg)
• 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.
![Page 6: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/6.jpg)
• 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?
![Page 7: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/7.jpg)
Die Websites einiger Landeshauptstädte im Usability-Vergleich.
![Page 8: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/8.jpg)
Achtung! Schlechtwetterfront in Potsdam und Kiel
![Page 9: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/9.jpg)
www.potsdam.de
• 63 verschachtelte Layout-Tabellen auf einer Seite – so bringt man Screenreader auf jeden Fall zum Stottern.
Rekordverdächtig:
![Page 10: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/10.jpg)
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 ;)
![Page 11: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/11.jpg)
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.
![Page 12: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/12.jpg)
Heiter bis wolkig. Bremen, München, Magdeburg, Erfurt & Berlin
![Page 13: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/13.jpg)
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?
![Page 14: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/14.jpg)
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 ;-)
![Page 15: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/15.jpg)
Der Himmel klart auf Über Hamburg und Dresden
![Page 16: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/16.jpg)
Übersichtlichkeit auf www.hamburg.de:
• Raum für Informationen. • Angenehm große Schriften.
![Page 17: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/17.jpg)
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.
![Page 18: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/18.jpg)
Die Sonne scheint in Mainz, Stuttgart & Saarbrücken
![Page 19: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/19.jpg)
Die Sonne scheint in Mainz, Stuttgart & Saarbrücken
Technisch sauber erstellte Seiten.
![Page 20: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/20.jpg)
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.
![Page 21: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/21.jpg)
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.
![Page 22: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/22.jpg)
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.
![Page 23: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/23.jpg)
Erfolgreicher Nachrücker: Wiesbaden
![Page 24: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/24.jpg)
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
![Page 25: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/25.jpg)
Unser Fazit
![Page 26: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/26.jpg)
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.
![Page 27: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/27.jpg)
• Der Großteil der Städteportale wirkt etwas verstaubt. Vielen Seiten würde auch ein neuer Anstrich mit einhergehender Neustrukturierung gut tun.
![Page 28: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/28.jpg)
• 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?
![Page 29: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/29.jpg)
Was meinen Sie? Feedback, Fragen & Anregungen zum cosmocheck gerne an: [email protected]
![Page 30: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/30.jpg)
*) noch etwas technische Hintergrundinfo für Interessierte
![Page 31: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/31.jpg)
*) 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!
![Page 32: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/32.jpg)
**) 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.“
![Page 33: cosmocheck - Usabilty von Städteportalen](https://reader033.fdokument.com/reader033/viewer/2022052910/559a5aff1a28ab164a8b47c5/html5/thumbnails/33.jpg)
***) 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.