www.wien.info wiens neues tourismusportal. wien als top-player in europa unter den top 10...
TRANSCRIPT
www.wien.infoWiens neues Tourismusportal
Wien als Top-Player in Europa
Unter den Top 10 Destinationen in Europa
Nächtigungen
2008: 10,2 Mio. Nächtigungen
01 - 09 / 2009: ###
Touristische Wertschöpfung in Wien
rund 4 Mrd. Euro
wien.info in Zahlen
13 Sprachen
5.500 Artikel
2.000 Events
390 Hotels
Zugriffszahlen:
320.000 Visits / Monat
1,6 Mio. Pageviews / Monat
Ziele
Online Wien-Reiseführer
Emotional & interaktiv
Benutzerfreundlich
Barrierefrei
Motivation für die Barrierefreiheit
Nicht nur eine rechtliche Anforderung
Relevante Zielgruppe
###
Barrierefreiheit als wichtigste Grundlage für das Service-Design
Vorteile für alle Nutzer
Vorteile für Suchmaschinen
“You can think of GoogleBot as the world's most influential blind user.”
(Quelle: Google Labs)
Verfahren und Umsetzung
2-stufiges Verfahren
Geladener Realisierungswettbewerb
Verhandlungsverfahren
Begleitung durch Experten für Barrierefreiheit
Accessibility in der Redaktion
Eigener Bereich „Wien Barrierefrei“ mit breitem Informationsangebot Anreise & öffentlicher Verkehr Hotels & Sehenswürdigkeiten Servicestellen & Heilbehelfe Spezialisierte StadtführerInnen
Nicht nur Informationen selbst, sondern auch Zugang zu den Informationen wichtig!
Kosten der Accessibility
Zusätzlicher Übersetzungsaufwand
Im Verhältnis zu Übersetzungskosten insgesamt zu vernachlässigen
Mehraufwand bei Einwartung
Sensibilisierung intern und Schulungsaufwand
Nutzen der Barrierefreiheit
Stärkere interne Verlinkung
Valider Quellcode: Einfache Erweiterbarkeit und Änderbarkeit
On-site SEO
HTML-Struktur
Linktexte, sprechende URLs
Leicht verständliche Texte
Verwendung von Alt-Texten
Mehrfachnutzung in Hinblick auf unterschiedliche Ausgabegeräte
Ganzheitlichkeit des Ansatzes
Nutzen der Accessibility
www.wien.info BesuchszeitSeitenaufrufe pro
BesuchSeitenzugriffe
Nicht barrierefrei 04:25 4,86 1.642.139
Barrierefrei 05:03 5,62 1.720.824
Nutzen der Accessibility
www.wien.info BesuchszeitSeitenaufrufe pro
BesuchSeitenzugriffe
Nicht barrierefrei 04:25 4,86 1.642.139
Barrierefrei 05:03 5,62 1.720.824
Fazit + 18,4% + 13,5% + 4,8%
Accessibility inside #1
Tastaturbenutzbarkeit
Vorsicht beim Javascript Einsatz
Bei Events auf nicht-fokussierbare Elemente
Beim Ein- und Ausblenden von Inhalten
Selectbox vs. Liste
Selectbox
Semantisch fragwürdig
Darstellungsprobleme im Internet Explorer
Link-Liste
Beliebig gestaltbar
ABER: Funktionalitäten muss man nachbauen
Accessibiliy inside #2
Effizienz für TastaturnutzerInnen
Hauptnavigation
Navigation als verschachtelte Liste
Etwa 50 Links
Mit Maus ist Subnavigation immer erreichbar
Mit Tastatur und ohne Javascript „konventionelles“ Verhalten
Accessibility inside #3
Tastaturfreundlicher Mediaplayer
Accessible Mediaplayer
Auf Basis von JW Media Player und jQuery
Untertitelung möglich
Volle Tastatursteuerung von „außen“
Keine Flash Tastaturfalle
Accessibility inside #4
Javascript
Was ist Progressive Enhancement?
Grundlegende Funktionalität auch ohne Javascript
Javascript zur Verbesserung von Usability und Design
Rating mit Javascript
Rating ohne Javascript
Accessibility inside #4
WAI-ARIA
Was ist WAI-ARIA
Ein W3C Standard in Vorbereitung
Ein „Plugin“ für HTML oder XML
Zur Verbesserung der Barrierefreiheit von HTML
Nutzen für Screenreader und Tastaturbenutzung
Ein Beispiel für Progressive Enhancement
Bereits heute nutzbar
Zum Beispiel: Landmark Roles
Zum Beispiel: Landmark Roles
Zum Beispiel: Landmark Roles
Zum Beispiel: Formulare
<input aria-required="true" />
<input aria-invalid="true" />
Damit HTML validiert
CLASS="textfeld aria-required"
geheimnisvolle Javascript Transformation
CLASS="textfeld" aria-required="true"
Übersichtliche Navigation
Horizontale Navigation
Benennung optimiert
Struktur überarbeitet
Übersichtliche Navigation
Horizontale Navigation
Benennung optimiert
Struktur überarbeitet
Übersichtliche Navigation
Horizontale Navigation
Benennung optimiert
Struktur überarbeitet
Übersichtliche Navigation
Horizontale Navigation
Benennung optimiert
Struktur überarbeitet
Übersichtliche Navigation
Horizontale Navigation
Benennung optimiert
Struktur überarbeitet
Übersichtliche Navigation
Horizontale Navigation
Benennung optimiert
Struktur überarbeitet
Struktur und Gewichtung
Redaktionelle Gewichtung Unterschiedliche TemplatesMehrspaltigkeit
Veranstaltungstipps
Veranstaltungssuche
Hotelbuchung
VIP Wien-Tipp
Artikel Interaktion
myVienna – mein Reiseplan
myVienna Reisepläne
Verbesserte Usability
Reiseplan mit anderen Usern teilen
Reisepläne übernehmen
Mehrere Reisepläne anlegen
wien.info barrierefrei
wien.info für Suchmaschinen
Sprechende URLs
Seitentitel, Linktexte
HTML-Struktur
Server Performance
Nächste Schritte
Ähnliche Artikel
Personalisierte Empfehlungen
Mein Wien-Tipp
Artikel bewerten
Themen-Blogs
Interessante Orte & Google Maps
wien.info goes mobile
Übersichtlich
Benutzerfreundlich & Barrierefrei
Modern und emotional