Barrierefreies Webdesign

Artikel aktualisiert am 06.01.2017

Vor ca. 10 Jahren begann mein Interesse für barrierefreies Webdesign. Hier im „Schwabenländle“ gibt es noch immer viele Leute die so gar keine Ahnung haben um was es eigentlich geht wenn ich über Webdesign für Menschen mit Behinderungen rede. Deswegen schreibe ich nochmal einen ausführlichen Blogartikel in dem ich erkläre was behindertengerechtes Webdesign bedeutet und warum es wichtig ist, dass ALLE Seiten im Internet auf barrierefrei werden! Das Thema Barrierefreiheit bei Webdesign wird immer wichtiger, weil es auch ältere Menschen betrifft. Weil es mir sehr wichtig ist, damit Sie barrierefreies Webdesign verstehen, wird dieser Artikel sehr ausführlich. Das Thema barrierefreies Webdesign bzw. nutzbares Internet oder “Barrierefreiheit Internet” wird immer wichtiger. Aktion Mensch setzt sich auch stark dafür ein, dass Seiten im Internet frei von Barrieren gestaltet werden.

Definiton

Barrierefreiheit bedeutet ohne Hindernisse. Barrierefreiheit gibt es bei Gebäuden, auf der Straße oder in der EDV. Barrierefreiheit in der EDV bedeutet, dass Websites und Software barrierefreier gestaltet sind, dass Menschen mit unterschiedlichen Einschränkungen die Webseite / Software bedienen können.
Behindertengerechtes Webdesign bedeutet, dass eine Webseite so gestaltet ist, dass sie auch für Menschen mit körperlichen und geistigen Beeinträchtigungen wahrnehmbar ist. Es geht also darum dass Websites für alle Menschen wahrnehmbar und erfahrbar sind. Oft kommt auch der Begriff Barrierefreies Internet oder Barrierefreiheit Internet oder barrierefreie Webseiten / Websites / Internetseiten oder accessibility (=Zugänglichkeit) bei Webauftritten oder behindertengerechtes Webdesign anstelle von barrierefreies Webdesign vor. Dies meint aber das Gleiche.

Das Gesetz

Im Jahr 2002 hat unsere Bundesregierung entdeckt, dass behinderte Menschen sehr intensiv das Internet nutzen. Deswegen wurde im Gleichstellungsgesetz ein §11 integriert in dem folgendes steht:

§ 12 Barrierefreie Informationstechnik

(1) Träger öffentlicher Gewalt im Sinne des § 1 Absatz 2 Satz 1 gestalten ihre Internetauftritte und -angebote sowie die von ihnen zur Verfügung gestellten grafischen Programmoberflächen, einschließlich Apps und sonstiger Anwendungen für mobile Endgeräte, die mit Mitteln der Informationstechnik dargestellt werden, nach Maßgabe der nach Satz 2 zu erlassenden Verordnung schrittweise technisch so, dass sie von Menschen mit Behinderungen grundsätzlich uneingeschränkt genutzt werden können. Das Bundesministerium für Arbeit und Soziales bestimmt durch Rechtsverordnung, die nicht der Zustimmung des Bundesrates bedarf, nach Maßgabe der technischen, finanziellen und verwaltungsorganisatorischen Möglichkeiten

  1. die in den Geltungsbereich der Verordnung einzubeziehenden Gruppen von Menschen mit Behinderungen,
  2. die anzuwendenden technischen Standards sowie den Zeitpunkt ihrer verbindlichen Anwendung,
  3. die zu gestaltenden Bereiche und Arten amtlicher Informationen.

(2) Träger öffentlicher Gewalt im Sinne des § 1 Absatz 2 Satz 1 gestalten ihre allgemeinen, für die Beschäftigten bestimmten Informationsangebote im Intranet sowie ihre elektronisch unterstützten Verwaltungsabläufe, einschließlich Verfahren zur elektronischen Vorgangsbearbeitung und elektronischen Aktenführung, schrittweise barrierefrei. Hierzu ist die Barrierefreiheit entsprechend den allgemein anerkannten Regeln der Technik, insbesondere bei Neuanschaffungen, Erweiterungen und Überarbeitungen, bereits bei der Planung, Entwicklung, Ausschreibung und Beschaffung zu berücksichtigen. Von dem Gebot der barrierefreien Gestaltung kann abgesehen werden, wenn die barrierefreie Gestaltung unverhältnismäßigen technischen Aufwand erfordert. Die Regelungen zur behinderungsgerechten Einrichtung und Unterhaltung der Arbeitsstätten zu Gunsten von Menschen mit Behinderungen in anderen Rechtsvorschriften, insbesondere im Neunten Buch Sozialgesetzbuch, bleiben unberührt. Die obersten Bundesbehörden erstellen bis zum 30. Juni 2021 Berichte über den Stand der Barrierefreiheit der Informationsangebote und Verwaltungsabläufe nach Satz 1 und verbindliche und überprüfbare Maßnahmen- und Zeitpläne zum weiteren Abbau von Barrieren.
(3) Die Bundesregierung wirkt darauf hin, dass auch gewerbsmäßige Anbieter von Internetseiten sowie von grafischen Programmoberflächen, die mit Mitteln der Informationstechnik dargestellt werden, durch Zielvereinbarungen nach § 5 ihre Produkte entsprechend den technischen Standards nach Absatz 1 gestalten.

Anmerkung von Markus

Also liebe Schwaben, dass bedeutet ganz konkret folgendes:
Alle Websites von Behörden, wie zum Beispiel: Finanzamt Reutlingen, Finanzamt Tübingen, Landratsamt Reutlingen, Landratsamt Tübingen, Regierungspräsidium Tübingen und alle Sites von Gemeinden(zum Beispiel Gemeinde Gomaringen wo ich aufgewachsen bin!) müssen auf Basis der Zugänglichkeit gestaltet sein! Accessibility bei Seiten im Internet ist somit für Behörden Pflicht!

Das Behindertengleichstellungsgesetz ( BGG ) wurde geändert und trat am 1. September 2016 in Kraft. Hier der neue Paragraph: Barrierefreie Informationstechnik – das neue Behindertengleichstellungsgesetz ( BGG )

Barrierefreies Webdesign – Richtlinien

Es werden Richtlinien benötigt, um zu beurteilen ob eine Website nach den Grundlagen des barrierefreien Websites erstellen, erstellt wurde. So existieren internationale und nationale (also für Deutschland geltende) Richtlinien für solche Sites.

International gelten die Web Content Accessibility Guidelines wcag 2 .

In Deutschland gilt die Verordnung zur Schaffung barrierefreier Informationstechnik nach dem Behindertengleichstellungsgesetz

Wenn ich eine Webseite z. B. aus Österreich frei von Barrieren machen soll, wende ich die WCAG 2 an. Bei Seiten aus Deutschland die BITV 2.0 .

accessibility bei Websites gibt es also national und international.

Hier ein Video von mir in dem ich erkläre was barrierefreies Webdesign ist:

barrierefreie Webseiten – Testen

Es gibt noch immer keine Webseite oder Software mit der es möglich ist, eine Webseite auf Barrierefreiheit automatisiert zu testen. Die
Kriterien sind so komplex dass sie nur von einem Menschen der systematisch die Richtlinien durch geht überprüft werden können. Das ist aber auch ganz gut so, weil es eingeschränkten Menschen eine Möglichkeit bietet mit ihrem behinderungsbedingtem Fachwissen Geld zu verdienen. In Deutschland wird auf behindertengerechtes Webdesign nach der BITV 2.0 getestet.

Das Bild zeigt ein Formular barrierefrei gestaltet mit Tastenkürzel und guter Anzeige des Tastenfokus

Das Bild zeigt ein barrierefreies Formular mit Tastenkürzel und gut sichtbaren Tastaturfokus.

barrierefreie Internetseite für Menschen mit Behinderung

Oben erwähntes Gleichstellungsgesetz soll Benachteiligungen von behinderten Menschen verhindern. Deswegen gab es als Folge von §11 eine Verordnung. Eine BITV 2.0

In dieser Verordnung stehen alle Kriterien die eine Webseite erfüllen muss, damit sie als barrierefrei gilt. Einige Kriterien finden Sie in der Artikelreihe „Barrierefreies Webdesign mit der BITV 2.0 – Artikelreihe

Webseiten ohne Barriere erleichtern gehandikapten Menschen den Zugang zum Internet und schaffen neue Arbeitsmöglichkeiten für Menschen mit Behinderungen!

barrierefreie Webseiten für Menschen im fortgeschrittenen Alter

Oben erwähntes Gleichstelllungsgesetz richtet sich nur an Menschen mit Behinderung. Oft haben aber auch ältere Menschen Probleme beim Besuchen von Internetauftritten. Im fortgeschrittenen Alter lässt die Sehkraft oft nach. Deswegen ist eine kleine Schrift auf einer Webseite eine Barriere! Schriftgrößen sollten auf Websites so angegeben werden, dass sie mit Hilfe von entsprechenden Browser-Menüs (Im Internet-Explorer bei älteren

Versionen „Textgröße“, im Firefox ebenso wie in der aktuellen Version des Internet-Explorers „Zoom“) vergrößert werden können. Ein behindertengerechter Internetauftritt ist auch für Menschen im fortgeschritten Alter wichtig.

barrierefreie Websites für Menschen mit Farbsehschwäche

Ebenso ist zu wenig Farbkontrast zwischen Schriftfarbe / Hintergrundfarbe ein Problem für ältere Menschen. Der Farbkontrast zwischen Schriftfarbe /
Hintergrundfarbe sollte gut gewählt sein. Ein dunkelblauer Hintergrund und eine rote Schriftfarbe ist keine gute Idee. Ein positives Beispiel wäre ein
hellblauer Hintergrund und eine schwarze Schrift.

Solche Sites helfen demnach älteren Menschen und Menschen mit Farbsehschwäche !

Oben ist die Schriftfarbe gut sichtbar, weil ein guter Farbkontrast zwischen Hintergrund-und Schriftfarbe gewählt wurde unten nicht

Auf dem Bild ist oben ein guter Farbkontrast zwischen Hintergrund-und Schriftfarbe zu sehen und unten ein sehr schlechter Farbkontrast.

Eine barrierefreie Internetseite für vorübergehend kranke Menschen

Stellen Sie sich vor, Sie haben den rechten Arm gebrochen oder eine Sehnenscheidenentzündung am Handgelenk. Plötzlich haben Sie eine körperliche Einschränkung. Sie können nicht mehr gleichzeitig Computermaus und Tastatur bedienen! In solch einem Fall freuen Sie sich, wenn Sie Sites besuchen die nach accessibility erstellt wurden.

Webdesign für Menschen mit Behinderung in der Fachliteratur

Früher wurde das Thema in der Fachliteratur nie erwähnt! Inzwischen sehe ich es mit Freude, dass Bücher die “Professionelles
Webdesign” im Titel haben, ein extra Kapitel diesem Thema widmen. Websites ohne Barrieren gelten also inzwischen als professionell! Das erste
Buch zu diesem Thema hat Jan Eric Hellbusch geschrieben.

barrierefreie Internetauftritte für Unternehmen

Da ich hierüber in folgendem Artikel schon geschrieben habe „Warum ist barrierefreien Webdesign für Unternehmen wichtig?“ möchte ich das auf keinen Fall alles hier wiederholen. Sie sollten jedoch wissen, dass wenn Sie einen Webshop besitzen sollten Sie sich unbedingt mit dem Thema „Barrierefreiheit“ auseinandersetzen, da viele Menschen mit Behinderungen im Internet leichter einkaufen können, wie wenn sie das Haus verlassen müssen. Wenn Sie einen Online-Shop haben lohnt es sich diesen nach den Richtlinien der Barrierefreiheit zu gestalten!

Also liebe Unternehmer, Barrierefreiheit steigert den Umsatz!

Zugänglichkeit bei Internetseiten ist für alle Menschen wichtig

Es gibt noch mehr Personengruppen die von solchen Seiten profitieren, die frei von Handikaps sind. Grundsätzlich denke ich dass alle Internet-Nutzer von barrierefreiem Webdesign profitieren!

Zugänglichkeit bei Internetseiten für Smartphones, Iphones, Ipads und Tablets

Viele Menschen mit Behinderung, ich auch, sind begeisterter Nutzer von Smartphones, Iphones, Ipads und Tablets. Deswegen bringt eine Webseite erstellt nach den Richtlinien der Barrierefreiheit auch hier Vorteile! Achten Sie darauf, dass Webauftritte für Mobiltelefone ebenfalls frei von Barrieren umgesetzt werden.

Der Blog von Marlem-Software angezeigt auf einem Ipad

Auf diesem Bild wird der Blog des Unternehmens Marlem-Software auf einem Ipad angezeigt .

Der Biene Wettbewerb

Seit 2003 prämieren die Aktion Mensch und die Stiftung Digitale Chancen die besten deutschsprachigen barrierefreien Angebote im Internet mit einer BIENE. BIENE steht für Barrierefreies Internet eröffnet neue Einsichten, aber auch für Kommunikation, gemeinsames Handeln und produktives Miteinander. Der Biene Wettbewerb soll Webseitenbesitzer motivieren Internetauftritte frei von Handykaps zu erstellen.

Accessibility bei Webseiten bringt Erfolg!!!

In meinem Fall stimmt das auf jeden Fall. Durch mein kontinuierliches Streben nach Barrierefreiheit bei Websites und Software-
Entwicklung bin ich bekannt geworden! Mittler Weile halte ich auch Vorträge in Hochschulen über Barrierfreie Informatik! Auch bei regionaltreffen der
Geschäftsplattform Xing habe ich schon einen Vortrag über dieses Thema halten dürfen.

Die Vorteile von accessibility bei Websites im Überblick:

Hier nochmal die Vorteile von Barrierefreiheit bei Internetauftritten übersichtlich

dargestellt. barrierefreier Internetauftritt:

  • Barrierefreies Webdesign ist für Menschen mit Behinderung eine große Erleichterung
  • Barrierefreies Webdesign hilft älteren Menschen eine Webseite besser wahrnehmen zu können
  • Barrierefreies Webdesign verbessert die Darstellung einer Webseite auf Smartphones, Iphones und Ipads
  • Barrierefreies Webdesign bringt Unternehmen mehr Umsatz!

jetzt auch für das Schwabenland?

Ich hoffe, dass dieser Artikel hilft, damit auch hier im Schwabenländle mehr über einen Internetaufritt nachgedacht wird, der frei ist von jeglichen Barrieren. Ich würde mich sehr freuen wenn sämtliche Behörden im Umkreis von 50km von Reutlingen Ihre Internetauftritte “ohne Hindernisse” gestalten würden. Es macht mir sehr viel Spass!

Wenn Sie Fragen haben dürfen Sie mich gerne anrufen: Tel. 07121/504458 .

Ich helfe Ihnen gerne damit Sie Barrierefreiheit verstehen!


Weitere Artikel zum Thema:

Dieser Beitrag wurde unter Barrierefreies Webdesign, Barrierefreiheit, Accessibility abgelegt und mit , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , verschlagwortet. Setze ein Lesezeichen auf den Permalink.

3 Antworten auf Barrierefreies Webdesign

  1. Vielen Dank für Ihren Blog zum Thema Barrierefreiheit! Mit welchen Kosten wäre denn da zu rechnen? Bitte um konkrete Angaben zu meiner Website.

    Viele Grüße aus dem Nicht-Schwabenländle Oberfranken

    Dieter Müller

  2. christiane sagt:

    Super zusammengestellt. Hoffentlich lesen das viele und passen ihre Seiten entsprechend an!

  3. Marlem sagt:

    Danke Christiane!

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.