Mehr Barrierefreiheit in Wordpress

Vorstellung von barrierefreien Techniken in Bezug auf WordPress. Gehalten am 22.04.2011 im Rahmen des WP-Bloggertreff RR

Transcript

1. WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 1 Mehr Barrierefreiheit in Wordpress Maik Wagner mcwiwa Consulting
2. Der Plan  Grundzüge der Barrierefreiheit  Themes barrierefrei machen  Fertige Themes als Lösung? WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 2
3. Unterschiedliche Eingabegeräte WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 3
4. Unterschiedliche Eingabegeräte WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 4
5. Unterschiedliche Eingabegeräte WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 5
6. Unterschiedliche Eingabegeräte WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 6
7. Unterschiedliche Eingabegeräte WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 7
8. Unterschiedliche Ausgabegeräte WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 8
9. Unterschiedliche Ausgabegeräte WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 9
10. Unterschiedliche Ausgabegeräte WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 10
11. Unterschiedliche Ausgabegeräte WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 11
12. WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 12 Wir brauchen keine speziellen Zusatzfunktionen für Menschen mit Behinderungen
13. WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 13 Nicht so:
14. WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 14 Baut Websites so, dass jeder Benutzer sie bedienen kann!
15. WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 15 Sondern so:
16. Beispiele Reihenfolge der Inhalte: WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 16
17. Beispiele Überschriften: WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 17
18. Beispiele Sprungmarken: WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 18
19. Beispiele Focus deutlich markieren: WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 19
20. Beispiele em statt px als Maßeinheit: WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 20
21. Teste das Lieblingstheme  Validität (http://validator.w3.org/)  Schnelltest mit der Webdeveloper Toolbar WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 21
22. Lieblingstheme umbauen?  Nicht jedermanns Geschmack  Arbeiten im Quellcode  PHP-Kenntnisse von Vorteil  Nicht ideale Struktur  Vorsicht bei Plugins und Widgets WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 22
23. Barrierefreie Themes als Lösung? WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 23  Accessible5  http://accessible.sprungmarker.de/2011/04/accessible-five/
24. Barrierefreie Themes als Lösung?  Accessible5  Basiert auf „Twentyten 5“  Ist „echtes“ HTML 5  Einfach zu installierendes Childtheme  Pimpt den Standard => laaangweilig WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 24
25. Barrierefreie Themes als Lösung?  wp-basis von Frank Bültge  http://wpbasis.de/readme-de_DE.php WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 25
26.  wp-basis von Frank Bültge  Bringt alle nötigen Funktionen und Strukturen mit  Ideal, um aus dem Nichts zu beginnen  Viel Arbeit, weil nichts da ist Barrierefreie Themes als Lösung? WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 26
27.  Exkurs: YAML  http://yaml.de Barrierefreie Themes als Lösung? WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 27
28.  Exkurs: YAML  CSS-Framework  Flexible Gestaltung der Spalten  Hilfen und Bugfixes zum schnellen Erstellen von standardkonformen Prototypen Barrierefreie Themes als Lösung? WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 28
29.  YAML Green Theme von Michael Preuß  http://dynamicinternet.eu/wordpress/wordpress- themes/yaml-green-theme/ Barrierefreie Themes als Lösung? WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 29
30.  YAML Green Theme von Michael Preuß  Hat schon Gestaltung  Nutzt gezielt die YAML-Features  Flexible Einstellmöglichkeiten  Ist schon relativ alt Barrierefreie Themes als Lösung? WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 30
31.  Xtreme WP-YAML Framework  http://de.xtreme-theme.com/ Barrierefreie Themes als Lösung? WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 31
32.  Xtreme WP-YAML Framework  Setzt YAML vollfunktional um  Extrem flexibel  Entscheidungen möglich, ohne den Quellcode zu bearbeiten  Schnelle Erstellung von vielen unterschiedlichen Themes  Kostet Geld (69,95 EUR) Barrierefreie Themes als Lösung? WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 32
33. Ich war‘s  Maik Wagner  Mail: wagner@mcwiwa.de  Privates Blog: http://www.fernmuendli.ch  Twitter: @fernmuendlich WP-Blogger-Treff RR 28.04.2011 mcwiwa.de 33