Website-Barrierefreiheit @ EnterJS 2017

Folien meines Talks, den ich im Rahmen der EnterJS 2017 in Darmstadt halten werde.

Transcript

1. Website- Barrierefreiheit Saskia Bader
2. Worum geht es? • Was ist Website Barrierefreiheit? • Welche Probleme werden dadurch gelöst? • Was hat der Website-Betreiber davon? • Welche Kriterien gibt es? • Wie integriert man sie in den Projektablauf?
3. • Wie werden sie technisch umgesetzt? • Wie wird Barrierefreiheit dann getestet? • GIbt es noch Fragen?
4. Teil 1: Website-Barrierefreiheit verstehen
5. Was ist Website- Barrierefreiheit? • Nutzbarkeit für Menschen mit Behinderung • Kompatibilität mit Hilfsprogrammen • Technisch, gestalterisch und inhaltlich • Ist für ca. jeden 10 Internetnutzer wichtig
6. Welche Probleme werden dadurch gelöst? • Wahrnehmung von Medieninhalten • Navigation und Orientierung • Tastaturbedienung • Ausfüllen von Formularen
7. Was hat der Website- Betreiber davon? • Suchmaschinenoptimierung • Gesteigerte Nutzerfreundlichkeit • Neue Nutzer- und Kundengruppen • Mit Platz auf Topliste werben
8. Teil 2: Website-Barrierefreiheit umsetzen
9. Welche Kriterien gibt es? • WCAG 2.0 (international) • BITV 2.0 (Deutschland) • Für öffentliche Einrichtungen verpflichtend • Es gibt A, AA und AAA Kriterien • Standardisierter Test
10. Wie ins Projekt einplanen? • Kriterien auswählen • Sie in die Projektanforderungen aufnehmen • Aufwand berechnen • Testmethode festlegen
11. Wie werden sie technisch umgesetzt? Einige Beispiele: • Alt-Tags für Bilder, Title-Tags zB für Icon-Buttons • Captcha-Lösung mit Audioversion einbinden • Tab-Reihenfolge per tabindex anpassen • Schriftgröße ändern: x.fontSize = "...em"; • Skip-Links implementieren
12. Wie kann getestet werden? • Mit Testing-Tools wie Browsertoolbars • Durch Betroffene (zB Screenreader-Nutzer) • Von professionellen Barrierefreiheits-Testern
13. Weiteres zum Thema • Barrierefreien-Webdesign.de • BITVTest.de • Mehr auf saskiabader.de/enterjs17
14. Noch Fragen? Vielen Dank für die Teilnahme an meiner Session.