Wiens neues Tourismusportal

Wien als Top-Player in Europa Unter den Top 10 Destinationen in Europa Nächtigungen 2008: 10,2 Mio. Nächtigungen / 2009: ### Touristische Wertschöpfung in Wien rund 4 Mrd. Euro

wien.info in Zahlen 13 Sprachen Artikel Events 390 Hotels Zugriffszahlen: 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 Seitenaufrufe pro Besuch Seitenzugriffe Nicht barrierefrei 04:254, Barrierefrei 05:035,

Nutzen der Accessibility Seitenaufrufe pro Besuch Seitenzugriffe Nicht barrierefrei 04:254, Barrierefrei 05:035, 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: Formulare

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 GewichtungUnterschiedliche 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