KURIER ONLINE – barrierefreier Relaunch in der Praxis
Mag. Thomas Jöchler
Leitung Projektentwicklung KURIER ONLINE
Vorstellung
kurier.at ist der Internetauftritt der österreichischen Tageszeitung KURIER
Betreuung und Entwicklung erfolgt durch KURIER ONLINE (Telekurier Online Medien GmbH Co KG)
kurier.at ist seit Frühjahr 1996 online
Reichweite nach ÖWA: 873.890 Unique Clients (September 2006)
Weitere Informationen:
ÖWA: Österreichische Web Analyse. Die Österreichische Webanalyse/ÖWA ist ein auf freiwilliger Mitgliedschaft beruhender Zusammenschluss von Online-Anbietern und Werbeagenturen.
Ziele der ÖWA sind die Förderung des Online-Marktes und insbesondere die Erhebung vergleichbarer und objektiver Daten zur Beurteilung der Leistungsfähigkeit von Online-Angeboten.
Homepage: www.oewa.at
Weitere Kennzahlen nach ÖWA-Messverfahren: 873.890 Unique Clients, 3.533.672 Visits, 3.533.672 Page Impressions.
KURIER ONLINE belegt damit im Vergleich mit den Online-Angeboten anderer Tageszeitungen den dritten Platz (hinter Krone.at und derstandard.at).
Verzicht auf Wortspiele und Zitate im Titel: jeder Titel muss für sich alleine stehen können
deutschsprachige Begriffe
Inhalt für multiple Kanäle
Zielsetzung: die Inhalte zu den Lesern bringen
Inhalte werden für viele Ausgabekanäle verwendet:
Webseite
RSS-Feed
Newsletter
Newsflash
KURIER Mobil
daher: Erstellung muss losgelöst von Präsentation erfolgen
Beispiel: Artikelkopf
Artikelkopf im CMS: Überzeile, Titel und Kurztext
Artikelansicht
Startseite
Newsletter
KURIER Newsflash
KURIER Mobil
Weitere Informationen:
Für alle Elemente des Artikelkopfs gibt es eine Zeichenbeschränkung, also eine maximal erlaubte Länge.
Die Artikelliste enthält verwandte Artikel aus dem gleichen Ressort; Ausgabe erfolgt mit dem Titel
Das dynamische Lesezeichen in Firefox ist ein Beispiel der Nutzung des RSS-Feeds.
KURIER Newsflash ist eine Desktop-Applikation (für Windows) mit der wichtige Nachrichten direkt auf dem PC in Form eines Pop-Up-Fensters angezeigt werden. Mehr Informationen unter www.kurier.at/newsflash
KURIER Mobil ist ein WAP-Service, in dem ausgewählte Inhalte von KURIER ONLINE für mobile Geräte ausgegeben werden. Mehr Informationen unter www.kurier.at/mobil
Eine Seite = viele Seiten
Jede einzelne Seite von kurier.at kennt viele verschiedene Präsentationsformen
klassische Ansicht in modernem Browser
Schriftvergrößerung
Druckansicht
Ansicht ohne Grafiken
Ansicht ohne jegliches Layout
Beispiele »
Klassische Ansicht
Modernes Design einer minutenaktuellen Nachrichtenseite
Farbgebung dominiert von der Leitfarbe des KURIER-Rot
Weitere Informationen:
Das Design des neuen KURIER ONLINE stammt von Markus Stefan (www.mstefan.com)
Schriftvergrößerung
Drei verschiedene Schriftgrößen wählbar
Es werden alle Textelemente vergrößert (inkl. Navigation)
Einstellung wird via Cookie gemerkt
Technisch gelöst über drei Schrift-CSS
Weitere Informationen:
Alternativ kann natürlich auch die Schriftvergrößerung über den Browser genutzt werden (Opera, Mozilla). Die Schriftvergrößerung des Internet Explorer (bis Version 6) kann durch die css-definierten Größen nicht verwendet werden. Hier kommt Abhilfe durch IE 7; für die älteren IE kann die Schriftvergrößerung auf der Seite genutzt werden.
In den zwei Schrift-Stylesheets (fontmedium.css für "groß", fontlarge.css für "sehr gross") sind jeweils die Formatierungen für die Schriftgrössen enthalten. Die Schriftangaben für die Basisansicht ("klein") sind wie alle Angaben zum Grundgerüst der Formatierung (Positionierungen, Farben, etc...) im Basis-CSS (style.css) definiert.
Das bei der Auswahl "klein" referenzierte Stylesheet (fontsmall.css) enthält keinen Inhalt, es dient nur zum Überschreiben der Angaben in den beiden anderen Schrift-Stylesheets.
Die Schriftdefinitionen sind absolut in Pixel gesetzt; eine relative Schriftdefinition wurde aus pragmatischen Gründen bislang nicht umgesetzt.
Druckansicht
Druck-CSS statt eigener Druckversion
Vorteile:
Kein gesondertes Printlayout notwendig
keine zweite URL des Artikels
gleiches Ergebnis mit Druckfunktion des Browsers und Drucken-Link auf der Seite
Schriftgröße wird im Druck übernommen
Weitere Informationen:
Für die Druckversion wird jeder normalen Seite ein spezielle Druck-CSS zugewiesen (print.css)
Etliche Bereiche werden ausgeblendet (z.B. Footer, rechte Spalte) und spezielle Druckformatierungen vorgenommen
Das große Artikelbild wird nicht gedruckt, um Toner zu sparen.
Ansicht ohne Grafiken
Eine Ansicht ohne Bilder behält möglichst großen Informationgehalt
Verzicht auf Bildmontagen (keine Schrift in Bildern) und Content in Flash
ALT-Attribut für Creditausgabe genutzt (nicht ideal)
Weitere Informationen:
Jedes Bildelement hat Bildtext (Artikelebene) oder Überschrift
Ansicht ohne jegliches Layout
Code möglichst übersichtlich strukturiert
Abfolge im Code entspricht der journalistischen Gewichtung der Seite (weiter oben = wichtiger)
Sprungmarken zur Navigation und Content
Relaunch 2003
kurier.at ging im Frühjahr 2003 als erste große österreichische Seite mit einem tabellenfreien Layout online
Tabellenfreies Layout bedeutet: Inhalte sind für Screenreader und Textbrowser zugänglich
Verzicht auf Frames und Leergrafiken
mehr Flexibilität in der Entwicklung durch Trennung von Content, Struktur und Layout
Weitere Informationen:
Eine Konsequenz 2003 war der Verzicht auf die Unterstützung von Netscape 4 - da dieser Browser CSS nur sehr mangelhaft unterstützte, erhielt er eine unformatierte Version
Das css-basiertes Layout erfolgte mitten im Relaunch, Prototyp noch mit Tabellenstruktur
