Wordpress als „Framework“ für

wien.at

Responsive, barrierearme und sichere Themes und

Plugins

Mehr Platz für

• Dialogmechanismen

• Identität und Design von Projekten

Microsite

„Als Microsite bezeichnet man eine schlanke Webseite mit wenigen Unterseiten und geringer Navi-gationstiefe innerhalb eines größeren Internet-Auftritts.“ http://de.wikipedia.org/wiki/Microsite

Wann kommen wien.at Microsites zum Einsatz?

Auftritte mit kommunikativem/ dialogorientiertem Charakter (Blogs mit Kommentarfunktion, Ideensammlung, Diskussion, Beteiligung,…)

Temporäre Projekte mit starker eigener Projekt-CI (Kampagnen etc.)

Gemeinsame Basis für wien.at MicrositesRedaktioneller, gestalterischer und technischer Rahmen auf Basis Wordpress

Warum Wordpress?Weil alle Agenturen damit arbeiten können und die Einarbeitungsphase für temporäre Projekte kurz ist.

o Spart Zeit & Geld

o Einfache Bedienung

o Baustein-System (Mehrfachverwendung)

o „Responsive“

o Standards: Barrierefreiheit, Code, Sicherheit,…

Gemeinsame Basis

Basismodul: Eckpunkte• wien.at als Dachmarke • Grafik angelehnt an wien.at-CI (etwa Schriftart,

Hintergrundfarben etc.)• Projekttitel und ggf. –Logo stehen im Zentrum: die

Überschrift „gehört“ dem Projekt• Eigene Navigation (Menü) • Eigene visuelle Projekt-Identität mittels

Hintergrundbild/- grafik/-farbe – wobei der Gesamteindruck „wien.at Microsite“ erhalten bleiben muss.

www.wien.gv.at/ma53/test/WIS_microsites/whitelabel.html

responsivebarrierefreitechn. Standards

Das Theme wurde speziell für wien.at gefertigt und lehnt sich an das aktuelle Design des Portals an.Es ist responsive und barrierearm.Was noch relativ einfach ist.

Erweiterungen

Wahl der Erweiterungen

• Unzählige Plugins

• Erstes Auswahlverfahren (Funktionalität, richtige WP-Version, free oder pro,..)

1-2 Plugins bleiben–womöglich responsive– vielleicht accessible– unter Umständen kompatibel

In Summe: bleibt nichts übrig

Nächster Schritt

Evaluierung der in Frage kommenden Plugins hinsichtlich unserer Kriterien

Lösungsansätze

• selber machen• „patchen“ (anpassen)• mit Developer Kontakt

aufnehmen

Plugin-Evaluierungmicrosites wien.at

Pluginevaluierung

• Tinymce Advanced • WP Polls• Contact Form 7• My Calendar• 2-click-socialmedia-buttons• Leaflet Maps Marker• Bbpress• NextGEN Gallery• NextGEN Gallery Voting• All-in-One Event Calendar• ALO EasyMail Newsletter• …

Plugin-Adaptionen

• 2-Click-Socialmedia-Buttons https://github.com/wozo/wordpress-plugins/tree/master/2-click-socialmedia-buttons

• Contact Form 7 - Formulartemplate• WP Polls - Polltemplate• My Calendar

http://wordpress.org/support/topic/accessibility-alt-attribut-event-detail-empty?replies=2#post-5087228

• Leaflet Maps Marker https://github.com/wozo/Leaflet-Maps-Markerhttp://wordpress.org/support/topic/list-of-markers-html-output?replies=3#post-5101676

• bbPress https://github.com/wozo/bbpress-Templates-wien

Accessibility Evaluierung• In der Regel eher aufwändigerer manueller Prozess• Manuelle oder automatische Überprüfung von allen

WCAG Checkpunkten z.b. mittels:– Firefox: Web Developer Toolbar, IE7: WAT Toolbar – HTML Validator, CSS Validator– Wave, FAE, Imergo, Cynthia Says– IE, Mozilla, Opera, Konqueror, Safari, Chrome– Vischeck, Colour Contrast Analyser– Javascript/CSS/Image Switch– Jaws ...

• ca. 10 bis 20ig seitiger Bericht / Gutachten über den Accessibilitystand der Website inkl. Optimierungsvorschläge

Vielen Dank!

Autoren:Marta Bilska Christian Habernig Sindre Wimberger Wolfram Huber und Michael RedererFolien: Julia Buchegger

Quellen: styleguide, plugin attachment