Barrierefreies Webdesign

Im Mittelpunkt des Kurses steht die Optimierung der eigenen Webseiten nach den Kriterien der "Barrierefreiheit": d.h. wie kann der Quelltext den WAI-Regeln des World Wide Web Consortiums angepasst werden? Sie erhalten eine Checkliste zur Orientierung für Schriftgrößen, Farbgestaltungen, Multimedia-Inhalte und lernen Sprachausgaben über sogenannte Screenreader kennen.

Seminarinhalte:

• Kriterien für gutes, barrierefreies Webdesign (Usability)
• WAI-Regeln
• Template-Erstellung
• Screenreader-Test
• Validierung auf Barrierefreiheit

Software:
Notepad++

Voraussetzungen:
Grundkenntnisse in HTML / CSS sowie gute Windowsgrundlagen werden vorausgesetzt.

Lernziel:
Sie kennen die grundlegenden Regeln der Barrierefreiheit. Ihre Webseiten können Sie nach den Kriterien der Priorität 1 (WAI) erstellen.

Zielgruppe:
Personen, die privat oder beruflich eine Homepage bearbeiten und pflegen möchten.

Methoden:
Vortrag, Übungen, Gruppenarbeit, Einzelarbeiten.

Termin:
2019

Allgemeine Einführungen

Das W3C hat am 5. Mai 1999 eine Empfehlung zum barrierefreien Zugang für Webseiten herausgegeben (Arbeitsgruppe WAI). Die 66 Regeln bzw. Checkpunkte der WCAG 1.0 (deutsche Übersetzung) lassen sich beim W3C finden.

Die offizielle Version Web Content Accessibility Guidelines (WCAG) 2.0 ist als W3C Recommendation am 11. Dezember 2008 veröffentlicht worden. Eine autorisierte deutsche Übersetzung ist am 29. Oktober 2009 erschienen.

Am 5. Juni 2018 gab es eine Aktualisierung auf die "Web Content Accessibility Guidelines (WCAG) 2.1"

Die Standardreferenz zu HTML gibt es vom Selfhtml Wiki.

Kriterien für ein gutes Webdesign liefert z.B. Dr. Web.

Adressen

Adobe:

• Barrierefreiheit bei Acrobat und Flash

Allgemeiner Einstieg:

• Aktion Mensch Einfach für Alle (EfA)
• Barrierefreies Webdesign

Berlin:

• Landesgleichberechtigungsgesetz am 17. Mai 1999 in Kraft getreten.

Juristisches:

• Barrierefreie Informationstechnik-Verordnung BITV 2.0
• Barrierefreie Informationstechnik Verordnung Reloaded
• Beauftragte der Bundesregierung für die Belange behinderter Menschen
• Web ohne Barrieren

ScreenReader:

• EMACspeak
• WebFormator
• YAWS

Testseiten:

• Allgemeiner Blinden- und Sehbehindertenverein Berlin
• Barrierefinder
• BIK: BITV Test/
• Colorblind Web Page Filter
• Farbenblindheitssimulator
• Cynthia Says
• IBM: Accessibility Research
• Imergo
• Lynx Viewer
• Wave

Tools:

• Firefox Toolbar Web Developer
• MAGpie
• Opera Browser

Usability:

• Informationen und Tools für Webmaster
• Jakob Nielsen
• Usability Beratungsunternehmen

W3C:

• HTML-Elemente
• WCAG Version 1.0 Checkliste
• WCAG Version 2.0
• WCAG Version 2.1

Weiterführende Infos:

• http://2bweb.de/
• https://webaccessibility.de/
• https://www.akademie.de
• http://www.akbi.de/
• https://www.barrierekompass.de/
• http://bik-fuer-alle.de/
• https://www.digitale-chancen.de
• http://www.evaluieren.de
• https://shop.heise.de/katalog/chancengleichheit
• https://www.microsoft.com/en-us/accessibility/
• http://www.section508.gov
• http://www.webforall.info

Literatur:

Jan Eric Hellbusch (2004): Barrierefreies Webdesign. Praxishandbuch für Webgestaltung und grafische Programmoberflächen. Herausgegeben von Christian Bühler, AbI. dpunkt.verlag, Heidelberg

Jan Eric Hellbusch, Thomas Mayer (2005): Barrierefreies Webdesign. 4., unveränderte Auflage (2006), KnowWare Aps Verlag, Osnabrück. 4,80 EUR

Jan Eric Hellbusch, Kerstin Probiesch (2011): Barrierefreiheit verstehen und umsetzen. Webstandards für ein zugängliches und nutzbares Internet. dpunkt.verlag, Heidelberg. 54,90 EUR

Angie Radtke, Dr. Michael Charlier (2006): Barrierefreies Webdesign. Attraktive Websites zugänglich gestalten. Addison-Wesley, München, Boston u.a.