Rahmenbedingungen, Infrastruktur und Gestaltungsrichtlinien für Websites an der ETH Jakob Lindenmeyer & Phillipp Rütsche Web Office der ETH Zürich www.weboffice.ethz.ch Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

Full Presentation under: www.weboffice.ethz.ch/politik/net/ Accessibility “Zugaenglichkeit” definiert sich dadurch, wie einfach ein Dokument auf dem Web durch einen Empfaenger “verwendet” werden kann. Je hoeher die Anforderungen, desto schlechter ist das Dokument zugaenglich. Anforderungen beinhalten die Faehigkeit der benoetigten Hard- & Software sowie auch die Faehigkeit der Person, welche versucht die in einem Dokument zur Verfuegung gestellte Information zu verwenden. Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

Full Presentation under: www.weboffice.ethz.ch/politik/net/ Accessibility Accessibility is defined as how easy a document on the web can be "used" by a client. The higher the requirements are, the less accessible a document is. Requirements include capabilities of the hard- and software deployed as well as the capabilities of the person trying to use the information provided in a document. Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

TIP Accessibility “Accessibility benefits all!” Accessibility ist nicht nur fuer Menschen mit Behinderungen wichtig! Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

Full Presentation under: www.weboffice.ethz.ch/politik/net/ Ablauf Problematik Umfeld Loesungen Beispiele Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

Full Presentation under: www.weboffice.ethz.ch/politik/net/ Ziel Ein gut zugaengliches ETH Web Kennen der relevanten Richtlinien Fruehzeitige Beruecksichtigung der Accessibility bei einem Redesign Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

Problematiken von “fettem” Design “Low resource”-Geraete Mobile Devices Alte Software (Browser, Plug-In’s) Menschen mit Behinderungen Vorschriften, Richtlinien, Gesetze Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

“Low resource”-Geraete Aeltere Computer (z.B. JVM auf 486) Kleiner Bildschirm (z.B. VGA & Monochrom) Langsames 14.4 Kb/s-Modem Langsame Netzanbindung (Kein ISDN) Verbreitet bei Studierenden (beschraenkte finanzielle Ressourcen) Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

Die Computer-Ressorcen der ETH NETHZ Online Dienste für Studierende Dial-up (im Rahmen von NETHZ) Computerraeume (127 Sun’s & 32 PC’s) Laptop-Steckplaetze (Geplant ab Herbst 99) Standard-Laptops fuer Studierende (Geplant) Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

Full Presentation under: www.weboffice.ethz.ch/politik/net/ Mobile Devices Mobiltelefon - (Screensize 2 Zoll) Handhelds - (Screensize 4 Zoll) Auto-Computer (mit Sprachausgabe fuer Fahrer) Browser in Armbanduhr (Screensize ca. 1 Zoll) Browser & CE in Haushaltsgeraeten (Kaffee- & Waschmaschine) Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

Full Presentation under: www.weboffice.ethz.ch/politik/net/ Alte Software z.B. Browser - Neue PC’s haben oft noch Internet Explorer 2.0 vorinstalliert. Browser an der ETH (Statistik) Plug-In’s (z.B. Shockwave, Quicktime, Realplayer) Default-Design Meist fuer PC mit Netscape oder IE ab Version 4. z.B. CSS erst mit Internet Explorer ab Version 5 richtig unterstuetzt. Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

Menschen mit Behinderungen Farbenblind (X % aller Maenner) Blind => Audio-Browser (ev. Demo) Sehbehinderung (Grosse Schriften notwendig) Bewegungseingeschraenkt (Keyboard- only bzw. Mouse-only Navigation) Taub (Alternativen fuer Audio-Dateien) 10% aller Menschen haben irgendeine Behinderung der obigen Art (nach WWW8) Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

TIP Kuemmern Sie sich vor Umfeld Accessibility: “it’s not a privilege, it’s a law!” Empfehlungen (z.B. Web Content Accessibility Guidelines 1.0) Vorschriften (z.B. ETHZ Internet-Richtlinie) Gesetze (z.B. Kanadische Regierung) TIP Kuemmern Sie sich vor Designstart um bestehende Richtlinien & Empfehlungen Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

Full Presentation under: www.weboffice.ethz.ch/politik/net/ Empfehlungen Web Content Accessibility Guidelines 1.0 (W3C Recommendation 5-May-1999) W3C Testimonials & W3C Quick Tips zur WCAG Empfehlungen des ETH Web Office Empfehlungen des ETH Webmasters (unter: http://www.ethz.ch/r_amb/web_publishing.html) Empfehlungen Ihrer Organisationseinheit Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

WAI Quick Tips Reference Card Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

Vorschriften & Gesetze ETHZ Internet-Richtlinien: Ausführungsbestimmungen über den Auftritt der ETH Zürich im Internet z.B. Artikel 5: Gestaltung, Absatz 5 Kanadische und US-Regierung American with Disabilities Act Your Tax-Money at work: ETH-Web ist durch Steuergelder finanziert => Wo steht die Schweiz? Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

ETHZ Internet-Richtlinien Artikel 5: Gestaltung, Absatz 5: “Der Zugang zum Inhalt und das Navigieren innerhalb der Angebote der Ebenen 1 bis 7 muss auch mit Browsern ohne Multimediaelemente (z.B. Java, JavaScript, Shockwave, usw.) und ohne Frame-Unterstützung möglich sein. “ Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

Testimonials for "Web Content Accessibility Guidelines 1.0" “The U.S. Government intends to work closely with the World Wide Web Consortium to ensure that government information and services are accessible” Al Gore, Vice President, USA American with Disabilities Act: the information in this site is available in alternate formats upon request. (z.B. www.unm.edu) Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

Full Presentation under: www.weboffice.ethz.ch/politik/net/ Loesungen “Alles ist eine Frage der Organisation!” HTML-Validatoren und -Korrektoren Accessibility-Checker: Bobby Online-Hilfen (z.B. Empfehlungen, Anleitungen von ETH oder W3C) Beratung (z.B. durch das ETH Web Office) zukuenftige Loesung: XML Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

Richtige Organisation Zugaengliche Webseiten muessen NICHT folgendem Bild entsprechen: eintoenig, langweilig, nur Text teuer und zeit-aufwendig Verzicht auf moderne Features Durch fruehzeitige & richtige Organisation lassen sich diese Vorurteile vermeiden. Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

HTML-Validatoren und -Korrektoren Bp. W3C HTML 4.0-Validator z.T. Software “A-Prompt” Als dll oder in Java Zugaenlichkeits-Verifikation & Reparatur Halbautomatische Korrektur von: * ALT-Text und LONGDESC von Bildern * Tabellen (TITLE, CAPTION, DESC) * Image-Maps (Server-Side => Client side) (Infos unter: http://aprompt.snow.utoronto.ca/) Demo Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

Accessibility-Checker Bobby: “Accessibility without compromise!” Infos & Software unter: http://www.cast.org/bobby/ Demo Bp. Software “A-Prompt” Als dll oder in Java Zugaenlichkeits-Verifikation & Reparatur Halbautomatische Korrektur von: * ALT-Text und LONGDESC von Bildern * Tabellen (TITLE, CAPTION, DESC) * Image-Maps (Server-Side => Client side) (Infos unter: http://aprompt.snow.utoronto.ca/) Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

Zukuenftiger Loesungsansatz: XML Aus XML-Grundcode ableitbar: WWW-Vollversion WWW light fuer Mobilgeraete Sprachversion Papierversion Internationalisierung: E, D, F, I, J, Chinesich, usw. Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

Full Presentation under: www.weboffice.ethz.ch/politik/net/ 6. ETH WWW-Workshop Zeit: Mittwoch 9. Juni 1999 von 13:00 - 17:00 Ort: im Raum NO C 3, ETH Zentrum Themen: “Regeln & Services auf dem ETH Web”: Infos & Anmeldung: unter: http://www.weboffice.ethz.ch/eth-w4/006/ Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

Beilagen & Handouts zu dieser Praesentation ETHZ Internet Richtlinien http://www.weboffice.ethz.ch/politik/ Measuring Accessibility http://www.weboffice.ethz.ch/www8/ Web Content Accessibility Guidelines http://www.w3.org/TR/WAI-WEBCONTENT/ WAI Quick Tips http://www.w3.org/WAI/References/QuickTips Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

Folien dieser Praesentation sind erhaeltlich unter: http://www.weboffice.ethz.ch/politik/net/ Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

“Accessibility does not mean minimal page design; it means thoughtful page design!” Web Content Accessibility Guidelines Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

Pawan Vora, Usability-Forscher “Web technology is exclusive or excluding when it limits users' experience or access to information!” Pawan Vora, Usability-Forscher Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

“Excluding sites are seen as sign of corporate incompetence!” Jacob Nielsen, Usability-Guru Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

Full Presentation under: www.weboffice.ethz.ch/politik/net/ “People should stop thinking in paper documents and start thinking in [XML-] objects!” Johan Hjelm, W3C Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

Full Presentation under: www.weboffice.ethz.ch/politik/net/ “Auf die 5% welche Feature XY nicht unterstuetzen kann ich getrost verzichten!” Ein Webmaster einer ETH-Organisationseinheit am letztjaehrigen ETH WWW-Workshop Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/

Full Presentation under: www.weboffice.ethz.ch/politik/net/ Diskussionspunkte Accessibility und Design: Gegensaetze? Redesign vs. Neudesign: Prioritaeten Papier-Design vs. Object-oriented Design Filter in Webserver auf validierte Pages Ungeeignete Web-Teaching Tools Verzicht auf 5% Zukuenftige Dokumentformate: XML Jakob Lindenmeyer, 27. Mai 1999 Full Presentation under: www.weboffice.ethz.ch/politik/net/