2008 11 21 Gis Wien At Barrierefrei Opt

1,967 views
1,886 views

Published on

Meine Präsentation am A-Tag 2008 - Überlegungen zu barrierefreien GIS-Anwendungen bei wien.at

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,967
On SlideShare
0
From Embeds
0
Number of Embeds
82
Actions
Shares
0
Downloads
5
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • 2008 11 21 Gis Wien At Barrierefrei Opt

    1. 1. Accessibility von Geoinformation im Web Aspekte aus wien.at Sicht
    2. 2. Wien – Umrisse <ul><li>Nördlichster Grenzpunkt: Ca. 1.400 m nordwestlich des Wirtshauses „Rendezvous“, Grenzpunkt 60 in der Katastralgemeinde Stammersdorf (21. Bez.) </li></ul><ul><li>Östlichster Grenzpunkt: Ca. 700 m nördlich der Gänshaufen-Traverse, Grenzpunkt 176 in der Katastralgemeinde Kaiserebersdorf-Herrschaft (22. Bez.) </li></ul><ul><li>Südlichster Grenzpunkt: Ca. 370 m südwestlich des „Schutzengelkreuzes“ in der Katastralgemeinde Unter-Laa (10. Bez.) </li></ul><ul><li>Westlichster Grenzpunkt: Westlichste Ecke der Lainzer Tiergartenmauer, ca. 1.000 m nordwestlich des „Alten Dianatores“ (13. Bez.) </li></ul>415 km² Fläche, 136 km Stadtgrenze Höchster Punkt: Hermannskogel (543 m) Tiefster Punkt: Lobau (151 m) Stephansplatz (171 m) Quelle: Wien in Zahlen http://www.wien.gv.at/statistik/
    3. 3. „ Alter“ Stadtplan <ul><li>Bekannter Stadtplan von wien.at, Aushängeschild seit vielen Jahren </li></ul><ul><li>Über 100.000 tägliche Zugriffe </li></ul><ul><li>Basiert auf alter Technologie – in die Jahre gekommen </li></ul><ul><li>Aktuelle Daten, Karten als Einzelgrafik (keine Kacheln+Layer) </li></ul><ul><li>Einstieg mit Suchformular </li></ul>
    4. 4. Radroutensuche: Suche <ul><ul><li>Start- und Zieladresse </li></ul></ul><ul><ul><li>Sichere oder kurze Route </li></ul></ul><ul><ul><li>Geschwindigkeit </li></ul></ul><ul><ul><li>Zwischenhalte </li></ul></ul>http://www.wien.gv.at/verkehr/radfahren/routensuche.html
    5. 5. Radroutensuche: Ergebnis http://www.wien.gv.at/verkehr/radfahren/routensuche.html Grafische Darstellung Textliches Äquivalent
    6. 6. Kulturgut http://www.wien.gv.at/kultur/kulturgut/index.html <ul><li>Kulturgeschichte Wiens von der Frühzeit bis heute </li></ul><ul><li>Umfassende Inhalte (Weltkulturerbe, Denkmäler, Kunstwerke, Architektur, archäologische Fundstellen...) </li></ul><ul><li>Zugang über Kartenansicht und Objektsuche </li></ul>
    7. 7. Kulturgut - Objektsuche http://www.wien.gv.at/kulturportal/public/objsucheKunstwerk.aspx <ul><li>Suchformular als Alternative zum Detaillink aus der Bubble </li></ul><ul><li>Listenausgabe der Detailinfo mit Bildern </li></ul><ul><li>Multimedia-Content in Planung </li></ul>
    8. 8. Stadtplan NEU (Beta) <ul><li>Basiert auf neuem Framework (Weiterentwicklung von Radroutensuche, Kulturgut,...) </li></ul><ul><li>Kachel-Technik (Ajax) </li></ul><ul><li>Einstieg mit Karte </li></ul><ul><li>Optimierte Kartendarstellung (u.a. hochauflösender, bis 1920px Breite) </li></ul><ul><li>Mehr Datenlayer als bisher </li></ul>http://www.wien.at/stadtplanbeta/public/
    9. 9. Bessere Lesbarkeit Stärkerer Kontrast bei Steuerelementen Radroutensuche Stadtplan Beta NEU
    10. 10. Bessere Lesbarkeit (2) Stärkerer Kontrast bei Übersichtskarte Radroutensuche Stadtplan Beta NEU
    11. 11. „ Intelligentes“ Suchfeld <ul><li>Eingabe von Straße mit/ohne Hausnummer </li></ul><ul><li>Eingabe von Objekten (z.B. „Techgate“) </li></ul><ul><li>Fehlertolerantes Suchfeld (Ähnlichkeitssuche) </li></ul>Ein Feld für Adress- und Objektsuche Radroutensuche Stadtplan Beta NEU
    12. 12. Reduktion <ul><li>Bei Auswahl neuer Inhalte lädt sich die Karte selbst neu </li></ul><ul><li>War zentrales Usability-Problem </li></ul><ul><li>Usability vs. Accessibility? (Javascript erforderlich) </li></ul>Kein „Karte neu zeichnen“ mehr „ alter“ Stadtplan Stadtplan Beta NEU
    13. 13. Vorgaben
    14. 14. WCAG 2. 0 - Design Richtlinien <ul><ul><li>Wahrnehmbarkeit </li></ul></ul><ul><ul><li>Bedienbarkeit </li></ul></ul><ul><ul><li>Verständlichkeit </li></ul></ul><ul><ul><li>Robustheit </li></ul></ul><ul><ul><li>WCAG 2.0 Status beim Stadtplan Beta </li></ul></ul><ul><ul><li>Quicktest vom 3.11.2008 Wolfram Huber, web-tech.at. </li></ul></ul>?
    15. 15. Wahrnehmbarkeit <ul><ul><li>Kontrast </li></ul></ul><ul><ul><ul><li>Bei den „kleinen Straßen“ das Kontrastverhältnis nicht ausreichend. Offenbar wird der Kontrast aber deutlich besser bei einer Vergrößerung des Bildausschnittes. Das macht auch Sinn da es die „Wertigkeit“ der Straßen ausdrückt. </li></ul></ul></ul><ul><ul><li>Skalierung </li></ul></ul><ul><ul><ul><li>Skalierung in IE6 und FF möglich. </li></ul></ul></ul><ul><ul><ul><li>Bedienbarkeit auch bei 800x600 gut gegeben </li></ul></ul></ul>
    16. 16. Bedienbarkeit <ul><ul><li>Tastatursteuerung </li></ul></ul><ul><ul><ul><li>Rudimentär im Firefox </li></ul></ul></ul><ul><ul><ul><li>Fokus und Sprungmarken mangelhaft </li></ul></ul></ul>
    17. 17. Verständlichkeit <ul><ul><li>Sprachauszeichnung </li></ul></ul><ul><ul><ul><li>(noch) keine Auszeichnungen in Verwendung </li></ul></ul></ul><ul><ul><ul><li>Mehrsprachigkeit des Interface (bisher: de + en) </li></ul></ul></ul><ul><ul><li>Konsistenz </li></ul></ul><ul><ul><ul><li>Zwischen Firefox + Internet Explorer erreicht </li></ul></ul></ul><ul><ul><ul><li>Unterstützung anderer Browser offen </li></ul></ul></ul>
    18. 18. Robustheit <ul><ul><li>Valider Code </li></ul></ul><ul><ul><ul><li>Ok </li></ul></ul></ul><ul><ul><li>Interoperabilität </li></ul></ul><ul><ul><ul><li>Mangelhaft. Ohne Javascript und CSS ist die Seite nicht benutzbar. Schnelle Lösung: ohne Scripte Weiterleitung auf „alten“ Stadtplan. </li></ul></ul></ul><ul><ul><li>Assistive Technologien (z.B. Screenreader) </li></ul></ul><ul><ul><ul><li>At present, it is impossible to make graphic presentations of some types of Geographic Information Systems (GIS) data directly accessible to those using text, speech or braille formats to access their PC and the Web. (http://www.rnib.org.uk/xpedio/groups/public/documents/publicwebsite/public_gishtml.hcsp) </li></ul></ul></ul><ul><ul><ul><li>Derzeit keine Alternativversion vorhanden. Plan: Lösung ähnlich wie Kulturgut (formularbasierte Objektsuche). </li></ul></ul></ul>
    19. 19. Ausblick: Nächste Schritte
    20. 20. Stadtplan barrierefrei – 2 Varianten <ul><ul><li>Alternatives Interface Analyse: Use Cases – welche Aufgaben, Ziele verfolgen Menschen bei einer bestimmten GIS-Applikation? </li></ul></ul><ul><ul><li>Ohne alternative Suchmaske – barrierefreies GIS. Machbar? Ansätze? </li></ul></ul>
    21. 21. Alternatives Interface
    22. 22. Use Case: Routenplaner <ul><li>Ziel: von A nach B kommen </li></ul><ul><li>A + B sind: Adressen oder Objekte (z.B. „Techgate“) </li></ul><ul><li>Varianten: Wahl des Verkehrsmittels; sicher vs. schnell; barrierefreie Route </li></ul><ul><li>Suchformular </li></ul><ul><li>Ausgabe als Karte, GPS Koordinaten und Listenansicht mit textlicher Beschreibung </li></ul>Beispiel: Radroutensuche
    23. 23. Beispiel: GoogleMaps Textalternative <ul><li>kein Javascript </li></ul><ul><li>direkter Aufruf: http://maps.google.com/maps?output=html </li></ul><ul><li>Statische Karte </li></ul><ul><li>Textlicher Navigationsschieber </li></ul><ul><li>Routenplaner mit textlicher Beschreibung (Auto, Öffis, Fußgänger-Beta) </li></ul><ul><li>Achtung Fußgänger: „Seien Sie vorsichtig! Auf dieser Route gibt es möglicherweise keine Bürgersteige oder Fußwege.“ </li></ul>
    24. 24. Use Case: Objekte im Umkreis (1) <ul><li>Ziel: Was ist in der Nähe? </li></ul><ul><li>Z.B. Denkmäler im 22. Bezirk, Arzt in meiner Nähe </li></ul><ul><li>Adresse, Objektwahl – Karte bzw. Liste </li></ul><ul><li>Liste sortierbar nach Abfragekriterien </li></ul><ul><li>Über Liste oft schneller zum Ziel </li></ul>Beispiel: Kulturgut
    25. 25. Use Case: Objekte im Umkreis (2) <ul><li>Entfernung der Objekte vom Standort (Luftlinie) </li></ul>Beispiel: Stadtplan Beta – Sehenswürdigkeiten (Textausgabe offen) <ul><li>Sehenswürdigkeiten Entfernung vom TechGate </li></ul><ul><li>330 Meter (NO) – Uno City </li></ul><ul><li>940 Meter ( NW) – Donauturm </li></ul><ul><li>1,9 KM (NW) – Islamisches Zentrum Wien </li></ul><ul><li>2,2 KM (SW) – Riesenrad </li></ul><ul><li>2,3 KM (SW) – Planetarium Prater </li></ul><ul><li>2,9 KM (SW) – Hundertwasserhaus </li></ul><ul><li>.... </li></ul>
    26. 26. Use Case: Objekte im Umkreis (3) <ul><li>Verdichtungen in Liste </li></ul><ul><li>Massstabsabhängig, Häufungen mit geografischer Zuordnung </li></ul><ul><li>Anzahl pro Bezirk </li></ul><ul><li>Anzahl pro Gebiet </li></ul>Beispiel: Stadtplan Beta – Sehenswürdigkeiten (Textausgabe offen) 1 10. 3 9. 1 11. 11 7. 8 8. 2 4. 5 5. 1 3. 6 6. - 12. 2 2. 45 1. Anzahl Bezirk - 21. 1 22. - 19. - 20. 1 16. - 17. 1 15. - 18. 2 23. 1 14. 6 13. Anzahl Bezirk 3 Über der Donau 11 Außerhalb des Gürtels 26 Zwischen Ring und Gürtel 52 Innerhalb des Rings Anzahl Gebiet
    27. 27. Ohne alternative Suchmaske - Barrierefreies GIS
    28. 28. Beispiel: Tastaturnavigation für Google Maps <ul><li>Google Maps Navigation: mit div + Javascript klickbar </li></ul><ul><li>Kein Tastaturfokus für div‘s möglich (geht nur für Links, Image Maps und Form Elemente) </li></ul><ul><li>API: GKeyboardHandler Klasse – braucht Mausklick um einen ersten Fokus zu bekommen </li></ul><ul><li>Lösung: alle Links in Buttons umwandeln durch „Markup Injection“ (Javascript DOM Manipulation) </li></ul><ul><li>Nachteil: aufwändig, mit der „Kirche ums Dorf“ </li></ul>Autor: Patrick H. Lauke http://dev.opera.com/articles/view/keyboard-accessible-google-maps/ Demo: http://devfiles.myopera.com/articles/523/demo12.html
    29. 29. Beispiel: „Find my nearest“ <ul><li>Listenansicht mit den jeweils nächsten Einrichtungen von Adresse aus </li></ul><ul><li>Standortübernahme aus Karte </li></ul><ul><li>Korrespondenz zwischen Karte und Liste </li></ul>http://my.southtyneside.info/mysouthtyneside.aspx
    30. 30. Integration der Trefferliste <ul><li>Wahl der Inhalte über Layernavigation </li></ul><ul><li>Inhalte in Karte visualisiert </li></ul><ul><li>Listenausgabe auf linker Seite in Entsprechung zu gewählten Inhalten mit der Entfernung von meiner Adresse (Kartenmittelpunkt) </li></ul><ul><li>Reiter „Meine Inhalte“ </li></ul><ul><li>Regler für die Distanzeinstellung (als Äquivalent zum Zoomen in der Karte habe).   </li></ul><ul><li>Bei zu vielen Treffern Hinweis „Massstab zu hoch. Bitte ändern“. </li></ul>Trefferliste To be done
    31. 31. Fazit
    32. 32. Pragmatischer Weg <ul><ul><li>Kein „entweder oder“ zwischen alternativem Interface und integrierter Barrierefreiheit </li></ul></ul><ul><ul><li>Weitestgehend barrierefreies GIS-Applikation (Tastatur, Skiplinks, Kontrast) </li></ul></ul><ul><ul><li>Alternative Interfaces sinnvoll eingebunden, konkrete Use-Cases hinterlegt </li></ul></ul>
    33. 33. Ihr Feedback ist willkommen <ul><li>Die Beta-Version wird weiterentwickelt </li></ul><ul><li>Feedback ist gewünscht </li></ul>www.wien.at/stadtplanbeta/public
    34. 34. Danke für Ihre Aufmerksamkeit Mag. Thomas Jöchler Leiter Projektentwicklung wien.at Tel.: +43 1 4000 – 81253 E-Mail: thomas.joechler@extern.wien.gv.at

    ×