Woran Sie auf einen Blick erkennen, dass Ihr TYPO3 Experte wenig Ahnung von Barrierefreiheit hat

Transkript

1 Alle wissen, was Webstandards und Accessibility bedeuten, aber Woran Sie auf einen Blick erkennen, dass Ihr TYPO3 Experte wenig Ahnung von Barrierefreiheit hat Maria Putzhuber Copyright by TYPO3 User Group Austria 18. April 2008 Seite 1

2 Willkommen / ad personae Mag. Maria Putzhuber Agentur: Putzhuber Expertise: WAI Prüfberichte & Beratung, Barrierefreies Webdesign & Accessibility Consulting, HTML / CSS Coding Arbeitet mit TYPO3 seit: 2003 Vortragsdauer: 30 Minuten Kontakt: mp@putzhuber.net Copyright by TYPO3 User Group Austria 18. April 2008 Seite 2

3 TYPO3 und Barrierefreiheit Warum vermarktet sich TYPO3 weniger in Richtung Accessibility als andere CMS? Copyright by TYPO3 User Group Austria 18. April 2008 Seite 3

4 1. Eindruck etwas arroganter Zugang Barrierefreiheit ist was für HTMLer, fürs Frontend, geht mich nix an Barrierefreiheit ist Peanuts, andere Themen sind wichtiger für Programmier- Profis TYPO3 Programmierer sind sehr spezialisiert, eher technik- als userorientiert Können nicht mehr gut HTML / CSS Copyright by TYPO3 User Group Austria 18. April 2008 Seite 4

5 2. Eindruck - arbeiten mit TYPO3 Profis Projekt Kommunikation nicht immer ideal Extensions sind oft nicht standardkonform brauchen HTML /CSS Anpassung Projektablauf ist also nicht linear (Konzept ->Design -> HTML -> TYPO3) Barierefreiheit ist eher eine Frage von Prioritäten und Ressourcen als Know- How Copyright by TYPO3 User Group Austria 18. April 2008 Seite 5

6 Barrierefreiheit mit TYPO3 ist gut möglich Aber TYPO3 gehört aufgeräumt! Copyright by TYPO3 User Group Austria 18. April 2008 Seite 6

7 Layout Tabellen sind out! Bei Extensions sind sie noch Standard Copyright by TYPO3 User Group Austria 18. April 2008 Seite 7

8 Formulare brauchen Labels, ev. auch Fieldset und Legend In TYPO3 nicht Standard Grafische Capchas sind nicht screenreader-tauglich Zum Vergleich Wordpress Plugin cforms: Formulare beliebig zusammenstellbar, mit/ohne Ajax tabellenloses Layout, mehrere anpassbare Styles, Labels, Fieldset, Capcha Alternative Copyright by TYPO3 User Group Austria 18. April 2008 Seite 8

9 Javascript mit Vorsicht (nicht TYPO3 spezifisch) Berühmter Standardschnipsel onfocus= blurlink(this); macht Navigation im IE mit Tastatur unbedienbar Copyright by TYPO3 User Group Austria 18. April 2008 Seite 9

10 Javascript Dropdown Menüs, Ajax Funktionen,... meist nicht barrierefrei Tastaturbedienbarkeit? Screen Reader Tauglichkeit? Feinmotorische Probleme? Zoomansicht? Copyright by TYPO3 User Group Austria 18. April 2008 Seite 10

11 Divitis und Classitis tun Standardistas weh Verschachtelte divs mit Unzahl von Klassen für Bildeinbindung Copyright by TYPO3 User Group Austria 18. April 2008 Seite 11

12 Code Verschwendung ärgert Standardistas p class= bodytext, unnötige Anker, unnötige titles... <div class="csc-header csc-header-n1"><h1 class="csc-firstheader">titel</h1></div> Sinnlose Link titles Copyright by TYPO3 User Group Austria 18. April 2008 Seite 12

13 Zuviel Code führt eher zu invalidem Code Copyright by TYPO3 User Group Austria 18. April 2008 Seite 13

14 Accesskeys oft des Guten zuviel <ul><li><strong>allsportzentrum</strong><span class="hidden">.</span><ul><li><a href="kulturund-freizeit/allsportzentrum/hallenbad.html" accesskey="a">h<span class="accesskey">a</span>llenbad</a><span class="hidden">.</span></li> <li><a href="kultur-undfreizeit/allsportzentrum/sauna.html" target="blank" accesskey="u">sa<span class="accesskey">u</span>na</a><span class="hidden">.</span></li> Copyright by TYPO3 User Group Austria 18. April 2008 Seite 14

15 Mehrsprachigkeit Details am Rande Anpassung der Sprachangabe wird oft vergessen Copyright by TYPO3 User Group Austria 18. April 2008 Seite 15

16 Mehr Sprachen auf einer Seite Erfordert Extra Auszeichnung von fremdsprachigen Teilen Falsch: Copyright by TYPO3 User Group Austria 18. April 2008 Seite 16

17 Unsichtbare Navigationselemente Copyright by TYPO3 User Group Austria 18. April 2008 Seite 17

18 Versteckte Sprungmarken Nur sinnvoll, wenn Sie am Anfang stehen Copyright by TYPO3 User Group Austria 18. April 2008 Seite 18

19 Sprachauszeichnung ermöglichen Wer von Ihnen bietet seinen Kunden die Möglichkeit Sprachwechsel auszuzeichnen im Editor? Copyright by TYPO3 User Group Austria 18. April 2008 Seite 19

20 Formatierung einschränken Wer von Ihnen entfernt alle Buttons im Editor, die nicht standardkonformen Code produzieren und schließt aus, das Code z.b. aus Word übernommen werden kann? Copyright by TYPO3 User Group Austria 18. April 2008 Seite 20

21 Barrierefreie Inhalte Wer von Ihnen schult seine KundInnen so ein, dass sie barrierefreie Inhalte erstellen? Z.B. Alternativtexte, gute Textstruktur, Headlines in richtiger Hierarchie, keine Quellcode Übernahmen aus Word, standardkonforme Multimediaeinbindung, Video Untertitelung, Labeln von Formularen, Auszeichnung für Datentabellen... Copyright by TYPO3 User Group Austria 18. April 2008 Seite 21

22 Lesetipps Kai Laborenz et al: TYPO Das Handbuch für Entwickler (Galileo Computing) Kapitel über Accessibility Zum Vergleich: Angie Radtke zur Barrierefreiheit mit Joomla iheit-und-joomla Copyright by TYPO3 User Group Austria 18. April 2008 Seite 22

23 Danke fürs Zuhören! Mag. Maria Putzhuber Barrierefreies Webdesign & Accessibility Consulting Copyright by TYPO3 User Group Austria 18. April 2008 Seite 23