Transcript Powerpoint - A-Tag

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 Navigationstiefe 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 Microsites
Redaktioneller, 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.
Gemeinsame Basis
o Spart Zeit & Geld
o Einfache Bedienung
o Baustein-System (Mehrfachverwendung)
o „Responsive“
o Standards: Barrierefreiheit, Code, Sicherheit,…
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
responsive
barrierefrei
techn. 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-Evaluierung
microsites 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-detailempty?replies=2#post-5087228
• Leaflet Maps Marker
https://github.com/wozo/Leaflet-Maps-Marker
http://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 Rederer
Folien: Julia Buchegger
Quellen: styleguide, plugin attachment