Barrierefreie Webseiten: Grundlagen, Analyse, Optmierung: - Grundlagen Accessibility - Analyse bestehender Websites (inkl. Analysewerkzeuge) - Optimierung bestehender Websites

1. Barrierefreies Webdesign Grundlagen, Analyse, Optimierung (2006) Diese Datei ist unter einer Creative Commons Lizenz veröffentlicht. Die Details finden Sie hier: http://creativecommons.org/licenses/by-nc-nd/3.0/de/ Sollten Sie Fragen zu dieser Lizenz oder zur korrekten Verwendung des Dokuments haben, senden Sie bitte eine E-Mail an kontakt@edaktik.de

2. Barrierefreies Webdesign, Teil 1 Theoretische Grundlagen, Analyseaspekte, Werkzeuge und Quellen

4. Berücksichtigung verschiedener Ausgabegeräte

5. Allgemeine Zugänglichkeit

6. Durchdachte Informationsarchitektur

8. Menschen mit auditiven Einschränkungen

9. Menschen mit motorischen Einschränkungen

10. Menschen mit Lernbehinderung bzw. Lese-Schreibschwäche

11. Suchmaschinen

12. Verschiedene Ausgabegeräte »» Für alle

14. Bildschirmarbeitsverordnung (BildschArbV)

18. Farben sind keine Informationsträger.

19. Klare, verständliche Texte.

20. Tabellen logisch strukturieren.

21. Frames logisch benennen.

22. Seiten auch ohne Scripte und Applets nutzbar machen.

24. Inhalt (Markup) und Layout (CSS) trennen.

25. Tabellen für Daten, nicht für Layout.

26. Relative Größeneinheiten.

27. Verständliche Linktexte, title-Attribut.

28. Metadaten für semantische Informationen.

29. Sitemap und einheitliche Navigation.

31. Tabulatornavigation und Tastaturbefehle.

32. Einheitlicher Präsentationsstil der Site.

33. Zusammenfassung einer Tabelle.

34. Links gruppieren und Linkgruppen bezeichnen.

35. Druckbare Zeichen zwischen nebeneinanderstehenden Links.

39. Barrierefreies Webdesign, Teil 2 Analyse bestehender Websites – Methoden und Werkzeuge

41. Datenstruktur: Trennung von Inhalt und Layout, Linearisierbarkeit

42. Texthinterlegung spezieller Objekte

43. Kontraste, Farben, Typografie

44. Textaufbau, Verständlichkeit

45. Skalierbarkeit

47. Formulare

48. Flash

49. PDF

50. Pop-up-Fenster

52. Schriftgröße variieren.

53. Bildschirmauflösung und/oder Größe des Browserfensters ändern.

54. Bildschirmfarben auf Graustufen einstellen oder Website in Graustufen ausdrucken.

55. Navigieren ohne Maus, sondern mit Tastatur.

58. Webformator: Screenreader-Plugin für IE http://www.webformator.de

60. Colorfilter: Online-Tool (kostenfrei, Engl.); simuliert Farbfehlsichtigkeiten: http://colorfilter.wickline.org

61. Wave: Online-Tool (Engl.), das eine Site linearisiert und auf Fehler prüft: http://www.wave.webaim.org/index.jsp * Ergänzung zur manuellen Prüfung

62. Teil 2: Analyse Weitere Werkzeuge

64. Barrierekompass: www.barrierekompass.de

65. Aktionsbündnis für barrierefreie Informationstechnik: www.abi-projekt.de

66. Web Accessibility Initiative (WAI) des W3C: http://www.w3.org/WAI/

67. Barrierefreies Webdesign, Jan Eric Hellbusch, dpunkt.verlag

68. Barrierefreies Webdesign, Teil 3 Praktische Umsetzung barrierefreier Techniken in XHTML und CSS

71. Zusammenhängende Informationsblöcke Beispiel: www.hbz-nrw.de

75. Guter Kontrast

76. Farbwechsel bei Statuswechsel (per CSS) a:link, a:visited, a:hover, a:active, a:focus

80. Verständliches Sprachniveau (ggf. zielgruppenspezifisch)

92. Color Filter: http://colorfilter.wickline.org/

94. font-family: times new roman, geneva, serif;

96. Kein kursiver Schriftschnitt

97. Kein Blocksatz

106. Screenreader kollabieren z.T.

107. Epilepsiegefahr (besonders bei größeren blinkenden oder flirrenden Flächen)

109. Statischen Link als Alternative anbieten

111. Linearisierung

112. Codierung

113. Validierung