Was bedeutet barrierefreie Informationstechnik?

Eigentlich ist es nicht sinnvoll nachdem ich so viele Artikel über Barrierefreiheit geschrieben habe, solch einen Grundsatzartikel zu schreiben. Ich hatte heute ein Telefonat mit einer Person die in der IT-Branche arbeitet und Sie hatte so überhaupt keine Ahnung was Barrierefreiheit ist, deswegen dieser Blogartikel!

Im Mai 2002 wurde ein Gleichstellungsgesetz für behinderte Menschen verabschiedet. Dieses Gesetz soll Benachteiligung von behinderten Menschen vermeiden.
In diesem Gesetz gibt es folgenden Paragraphen:

§ 12a Barrierefreie Informationstechnik

(1) Öffentliche Stellen des Bundes gestalten ihre Websites und mobilen Anwendungen, einschließlich der für die Beschäftigten bestimmten Angebote im Intranet, barrierefrei. Schrittweise, spätestens bis zum 23. Juni 2021, gestalten sie ihre elektronisch unterstützten Verwaltungsabläufe, einschließlich ihrer Verfahren zur elektronischen Vorgangsbearbeitung und elektronischen Aktenführung, barrierefrei. Die grafischen Programmoberflächen sind von der barrierefreien Gestaltung umfasst.
(2) Die barrierefreie Gestaltung erfolgt nach Maßgabe der aufgrund des § 12d zu erlassenden Verordnung. Soweit diese Verordnung keine Vorgaben enthält, erfolgt die barrierefreie Gestaltung nach den anerkannten Regeln der Technik.
(3) Insbesondere bei Neuanschaffungen, Erweiterungen und Überarbeitungen ist die barrierefreie Gestaltung bereits bei der Planung, Entwicklung, Ausschreibung und Beschaffung zu berücksichtigen.
(4) Unberührt bleiben die Regelungen zur behinderungsgerechten Einrichtung und Unterhaltung der Arbeitsstätten zugunsten von Menschen mit Behinderungen in anderen Rechtsvorschriften, insbesondere im Neunten Buch Sozialgesetzbuch.
(5) Die Pflichten aus Abschnitt 2a gelten nicht für Websites und mobile Anwendungen jener öffentlichen Stellen des Bundes nach § 12 Satz 1 Nummer 2 und 3, die keine für die Öffentlichkeit wesentlichen Dienstleistungen oder speziell auf die Bedürfnisse von Menschen mit Behinderungen ausgerichtete oder für diese konzipierte Dienstleistungen anbieten.
(6) Von der barrierefreien Gestaltung können öffentliche Stellen des Bundes ausnahmsweise absehen, soweit sie durch eine barrierefreie Gestaltung unverhältnismäßig belastet würden.
(7) Der Bund wirkt darauf hin, dass gewerbsmäßige Anbieter von Websites sowie von grafischen Programmoberflächen und mobilen Anwendungen, die mit Mitteln der Informationstechnik dargestellt werden, aufgrund von Zielvereinbarungen nach § 5 Absatz 2 ihre Produkte so gestalten, dass sie barrierefrei genutzt werden können.
(8) Angebote öffentlicher Stellen im Internet, die auf Websites Dritter veröffentlicht werden, sind soweit möglich barrierefrei zu gestalten.

Dieser Paragraph ist die Grund warum solche Begriffe wie „Barrierefreies Internet“ „barrierefreies Webdesign“, und „barrierefreie Softwareentwicklung“ entstanden sind.

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

Obiger Paragraph verpflichtet staatliche Einrichtungen Ihre Webseiten und Software barrierefrei zu gestalten. Unternehmen sind nicht dazu verpflichtet Ihre Webseiten und Software barrierefrei zu gestalten, sie sollten es tun!

In folgendem Video wird Barrierefreiheit in der Informatik erklärt.

Folgende Blogartikel liefern weitere Informationen zu barrierefreie Informationstechnik:

Was ist barrierefreie Softwareentwicklung?

Zur barrierefreie Informationstechnik gehört die barrierefreie Softwareentwicklung. Wenn eine Software so entwickelt wird, dass Menschen mit unterschiedlichen körperlichen Einschränkungen diese Software bedienen können, dann ist das barrierefreie Softwareentwicklung. Nachstehende Links gehören zu barrierefreie Softwareentwicklung:

Folgendes Video erklärt die barrierefreie Softwareentwicklung mit Dotnet:

Das nächste Video erklärt die barrierefreie Softwareentwicklung mit Java – Swing:

Was ist barrierefreies Webdesign?

Ein weitere Baustein der barrierefreie Informationstechnik ist das barrierefreie Webdesign. Barrierefreies bedeutet dass eine Webseite so programmiert wird dass sie auch für Menschen mit körperlichen Einschränkungen bedienbar ist. Folgende Artikel beschäftigen sich mit barrierefreies Webdesign:

Oben ist die Schriftfarbe gut sichtbar, weil ein guter Farbkontrast zwischen Hintergrund-und Schriftfarbe gewählt wurde unten nicht
Auf dem Bild sehen Sie eine Webseite bei der oben der Farbkontrast zwischen Hintergrund-und Schriftfarbe in Ordnung ist und unten ist der Farbkontrast sehr schlecht.

Hier noch ein Video zu barrierefreies Webdesign:

Barrierefreiheit bei Betriebssystemen

Damit Menschen mit körperlichen Einschränkungen Coomputer, Laptops, Smartphones, Iphones, Tablets und Ipads bedienen können müssen auch Betriebssysteme barrierefrei sein. Nachstehende Artikel beschäftigen sich mit barrierefreie Informationstechnik bei Betriebssysteme:

Zugangshilfen beim Betriebssystem Linux - Ubuntu das Register "Sehen"

Auf dem Bild sehen Sie die Zugangshilfen für behinderte Menschen des Betriebssystems Ubuntu.

Hier gibt es noch ein Video zum Thema „Barrierefreiheit bei Betriebssysteme“:

 

Barrierefreie App-Entwickling

Auch Apps sollten so entwickelt werden, dass sie von Menschen mit unterschiedlichen Einschränkungen bedient werden können. Dieser Vorgang nennt sich barrierefreie App-Entwicklung. Folgender Artikel erklärt was barrierefreie Apps sind:

Apps für Menschen mit Behinderung

Apps können das Alltagsleben von Menschen mit Behinderungen enorm erleichtern. Deswegen habe ich mich auch mit Apps für Behinderte beschäftigt:

Was bedeutet Accessibility?

Accessibility ist englisch und bedeutet wörtlich übersetzt Zugänglichkeit. Gemeint ist aber Barrierefreiheit. In folgendem Artikel wird erklärt was Accessibility bedeutet.

barrierefreie Informationstechnik – Beratung

Wenn Sie Beratung möchten in Sachen barrierefreie Informationstechnik dann schreiben Sie mir eine Mail an info@marlem-software.de oder rufen Sie mich an: 07121/504458 .

Barrierefreies Webdesign mit Google Tools

Das Unternehmen Google hat Tools entwickelt, die das überprüfen von barrierefreiem Webdesign erleichtern.

Rachel Shearer, Software-Ingenieur bei Google erklärt: „Alleine die Zahl der Sehbehinderten in den USA ist größer, als die Menge aller Internetnutzer in Kanada“.
Google sah deswegen die Notwendigkeit, Testwerkzeuge zu entwickeln um das barrierefreie Webdesign voran zu treiben. Es gibt nun „Accessibility Developer Tools“ für den Chrome Browser. Diese Erweiterung ist Open Source und funktioniert bei Google-Browser Chrome ab Version 21.0.137.1. Es ist darauf zu achten, dass „experimentelle Erweiterungen“ in dein Einstellungen aktiviert ist.

Barrierefreies Webdesign mit der BITV 2.0

Beim barrierefreien Webdesign geht es darum, eine Webseite so zu gestalten, dass sie für Menschen mit unterschiedlichen Einschränkungen wahrnehmbar ist. Nachdem im Gleichstellungsgesetz von 2002 festgelegt wurde, dass Webseiten und Programme barrierefrei gestaltet werden sollen, wurde die Barrierefreie-Informationstechnik-Verordnung (BITV) in Deutschland ins Leben gerufen. Am 22. September 2011 trat nun die BITV 2.0 in Kraft.

Barrierefreies Webdesign – Definition

Barrierefreies Webdesign bedeutet, dass Webseiten so gestaltet sind, dass sie für alle Menschen, auch für Menschen mit körperlichen Einschränkungen, wahrgenommen und bedient werden können.

Hier noch ein Youtube-Video dass barrierefreies Webdesign erklärt:

Das Gesetz

Im Mai 2002 wurde ein Gleichstellungsgesetz verabschiedet, welches die Benachteiligung von behinderten Menschen verhindern soll. In diesem Gesetz gibt es den § 12a Barrierefreie Informationstechnik in dem staatliche Einrichtungen dazu verpflichtet sind, ihre Webseiten und Programme barrierefrei zu gestalten. Nun musste erst einmal definiert werden, welche Kriterien eine Webseite erfüllen muss, damit sie barrierefrei ist.

Richtlinien: WCAG 2.0 und BITV 2.0

Die WCAG Working Group ist eine internationale Arbeitsgemeinschaft, welche die Richtlinien erarbeitet hat. Veröffentlicht wurde die WCAG 2.0 von der W3C. Leider ist es im Bürokratenstaat Deutschland nicht möglich, diese Richtlinien 1 zu 1 zu übernehmen. Wir deutschen benötigen unbedingt was Eigenständiges, eine VERORDNUNG: die Barrierefreie-Informationstechnik-Verordnung 2.0 .

Private und kommerzielle Webseiten sind nicht verpflichtet, ihre Webseite nach BITV 2.0 barrierefrei zu gestalten. Dass es von Privatpersonen, die oft auch Baukastenwebseiten haben, nicht verlangt werden kann, ihre Webseite barrierefrei zu gestalten, leuchtet mir sofort ein. Warum kommerzielle Webseiten nicht dazu verpflichtet werden, ist für mich überhaupt nicht nachvollziehbar. Personen, die aufgrund Ihrer Behinderung nicht selbstständig das Haus verlassen können, aber geistig sehr wohl in der Lage sind, Einkäufe zu tätigen, verwenden das Internet sehr häufig als Einkaufsmöglichkeit. Renommierte Webseiten mit Einkaufsmöglichkeiten gehören, wenn es nach mir ginge, dazu verpflichtet, ihre Webauftritte barrierefrei zu gestalten. Die Wirtschaft muss endlich lernen, dass behinderte Menschen kein „Störfaktor der Gesellschaft“ sind, sondern potentielle Kunden! In Deutschland gibt es rund 10 Millionen Menschen mit Behinderung. Bei einer Gesamtbevölkerung von 83 Millionen sind das über 10%. Das lohnt sich also sehr wohl.

Die Anforderungen von BITV 2.0

Die Verordnung zur Schaffung barrierefreier Informationstechnik nach dem Behindertengleichstellungsgesetz (Barrierefreie-Informationstechnik-Verordnung – BITV 2.0) wurde am 12.09.2011 vom Bundesministerium Arbeit und Soziales verordnet. Sie richtet sich an die Gestaltung von Informationstechnik. Diese muss Menschen mit Behinderungen den Zugang zu Internetseiten und den Erwerb von Informationen sowie die Bedienung möglich und zugänglich machen.
Dazu sind diverse anzuwendende Standards, Anforderungen und Bedingungen in verschiedenen Prioritäten zu berücksichtigen. Die Startseite der Website muss laut der BITV 2.0 in Gebärdensprache oder zumindest leicht verständlicher Sprache drei wichtige Bereiche erklären:

  • Informationen zum Inhalt
  • Hinweise zur Navigation der Website
  • Hinweise auf weitere in diesem Auftritt vorhandene Informationen in Deutscher Gebärdensprache oder in Leichter Sprache

Die Inhalte von BITV 2.0

Die Richtlinien der BITV 2.0 gliedern sich in unterschiedliche Prioritäten. Zur ersten Priorität gehören beispielsweise die folgenden Anforderungen:

  • Zwar existieren einige Ausnahmeregeln, dennoch muss grundsätzlich für jeden Nicht-Text-Inhalt auch eine Text-Alternative bereitgestellt werden, welche den Zweck des Inhalts verdeutlicht.
  • Diese Alternativtexte müssen ebenfalls für alle zeitgesteuerten Medien installiert und angeboten werden. Das betrifft sowohl Videos als auch Audiodateien, für die entweder Untertitel oder Audio-Deskriptionen in Frage kommen.
  • Jegliche Inhalte auf der Website müssen ohne Informations- oder Strukturverlust in verschiedenen Wiedergabeformen abrufbar sein.
  • Den Besuchern der Website muss die Wahrnehmung der Inhalte sowie die Unterscheidung zwischen Vorder- und Hintergrund grundsätzlich möglich gemacht werden.

Auch im Bereich der zweiten Priorität der BITV 2.0 sind einige wichtige Anforderungen für die behindertengerechte Darstellung von Inhalten und visuellen Darstellungen verankert:

  • Besuchern und Inhaltsinteressierten muss genügend Zeit zum Lesen und verarbeiten der Inhalte gegeben werden. Das bedeutet, dass zeitliche Limits für die Inhaltsdarstellung nicht erlaubt sind.
  • Die Zugänglichkeit zur Funktionalität muss über die gesamte Zeitdauer des Seitenbesuchs über eine Tastatur gewährleistet sein. Hierzu eigenen sich beispielsweise Bildschirmtastaturen.
  • Die Inhalte der Seite müssen so dargestellt werden, dass in keinem Fall epileptische Anfälle entstehen können.

Worauf muss ich als Website-Betreiber achten?

Betreiben Sie daher selbst eine Website oder haben Sie es zukünftig vor, ist es wichtig, auf die entsprechenden Anforderungen der BITV 2.0 zu achten. Wie diese zu erfüllen sind, habe ich mit meinem Unternehmen Marlem-Software über die Jahre perfektioniert. Barrierefreies Webdesign orientiert sich an verschiedenen Hauptfaktoren. Diese sind beispielsweise:

  • Die Bereitstellung von Alternativtexten zu allen inhaltlichen sowie durch verschiedene Medien dargestellten Informationen
  • Die Orientierung, Navigation und Steuerung der Website für Personen mit Behinderungen
  • Das Angebot von unterstützenden Hilfsmöglichkeiten wie der Bildschirmtastatur
  • Alternativen Informationsangaben zu Bildern, Videos und Audiodateien

Europäische Union: Webshops müssen barrierefrei werden

Obwohl ich trotz meiner Behinderung und aufgrund des Besitzes eines Pkw nicht gezwungen bin, im Internet einzukaufen, erwerbe ich meine IT-Fachbücher lieber im Web als im Laden. Allein die Suche nach einem freien Behindertenparkplatz kann extrem nervenaufreibend sein. Deswegen sollten auch Webshops sich über Barrierefreiheit Gedanken machen. Die Europäische Union, abgekürzt EU, verpflichtet jetzt auch Online-Händler zur Barrierefreiheit:

Auch wenn in Deutschland wieder viel gejammert wird, weil angeblich die Kosten zu hoch sind, begrüße ich diesen Schritt der Europäischen Union. Deutschland muss lernen, dass das Ausgrenzen von bestimmten Personengruppen gesetzeswidrig ist.

Deswegen würde ich mich sehr freuen, wenn auch Besitzer von gewerblichen Webseiten sich dazu entscheiden könnten, ihre Webseite barrierefrei zu gestalten. Bei meinem Unternehmen Marlem-Software erhalten Sie barrierefreies Webdesign nach BITV 2.0 !

Hier noch ein Youtube-Video von mir Webdesign Reutlingen – Zugänglich und barrierefrei als Video:

Weitere Artikel zum Thema:

Barrierefreiheit mit WordPress – eine Anleitung in Text, Bild und Video

Mein Blog basiert auf einem System, das sich WordPress nennt. Da mir Accessibility bei Webseiten ebenfalls ein großes Anliegen ist, habe ich natürlich auch bei meinem Blog darauf geachtet, dass alles barrierefrei ist. Wie Accessibility mit WordPress funktioniert, verrate ich in diesem Artikel.

Bevor ich zum Thema Barrierefreiheit (auf englisch Accessibility) mit WordPress komme, muss ich kurz die Grundlagen von WordPress erklären. WordPress ist eine Blogsoftware. Ein Blog ist eine spezielle Form einer Internetseite auf dem Artikel geschrieben werden. Es müssen nicht zwingend Fachartikel sein. Es kann auch ein „öffentliches“ Tagebuch geführt werden, es kann über Lebensfreude geschrieben werden oder ein anderes Thema. Es gibt auch Blogger (=Autoren von Blogartikeln) die Ihre Leser darüber informieren wieviel neue Kontakte sie auf der Social Media Plattform Xing gesammelt haben.

In meinem Blog finden Sie hauptsächlich Fachartikel über Accessibility, Suchmaschinenoptimierung und Social Media. Der Blog ist wie oben schon erwähnt ein WordPress-Blog.

In WordPress können Sie Seiten und Artikel erstellen. Die Links „Home“, „Wer schreibt her?“, „Referenzen“ und „Impressum“ in meinem Blog sind Seiten. Das was ich hier schreibe ist ein Artikel.

Dann gibt es Plugins. Das sind im Prinzip kleine „Programme“ welche dem WordPress-Blog neue Funktionen spendieren. So habe ich z.B. ein Plugin für Suchmaschinenoptimierung installiert, welches mir hilft bei der Onpage-Optimierung meiner Seiten und Artikel. Leider gibt es kein Plugin, welches den kompletten Blog barrierefrei(=Accessibility) macht.

Damit Sie einen Einblick bekommen was WordPress ist und was damit gemacht werden kann, hier noch ein Youtube-Video:

Barerierefreies Webdesign – 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.
Barerierefreies 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.

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.

Barrierefreiheit bei Websites gibt es also national und international.

Hier ein Youtube-Video über barrierefreies Webdesign von mir:

Umsetzung von Barrierefreiheit mit WordPress

Selbstverständlich werde ich hier nicht sämtliche Kriterien der Barrierefreiheit besprechen, sondern nur ein paar Tipps geben, die aber schon sehr viel bewirken können.

Für Menschen die lieber gerne Video schauen als lesen, gibt es jetzt auch ein Youtube-Video zum Thema Barrierefreiheit bei WordPress:

Um Accessibility bei WordPress umzusetzen muss man Themes bearbeiten. Noch so ein komischer Begriff. Was ist ein Theme? Ein Theme ist eine Art „Kleid“ für den Blog. Ein Theme bestimmt das Aussehen Deines Blog. Eine anderes Wort für Theme wäre „Vorlage“ oder „Template“. Es gibt sehr viele fertige Themes die kostenfrei heruntergeladen werden können. Wenn Sie mehrere Themes in Ihrem Blog installiert haben, können Sie in Sekunden das komplette Aussehen Ihres Blogs verändern! Das ist eine der vielen Stärken von WordPress.

Um Ihr Theme überhaupt bearbeiten zu können, müssen Sie den zu bearbeitenden Dateien per FTP schreibrechte geben. Erst dann können Sie überhaupt die Dateien bearbeiten. Von Haus aus sind alle Theme Dateien schreibgeschützt.

Danach gehen Sie in den Admin-Zugang Ihres WordPress-Blog und klicken auf „Design“ und danach auf „Editor“.

Skalierbare Schriftgrößen

Vor Ihren Augen öffnet sich jetzt eine Datei mit Namen „style.css“. In dieser Datei können Sie wichtige Dinge für Accessibility einstellen. Wenn Sie etwa die Schriftgröße in relative Schriftgrößen statt feste Schriftgrößen ändern möchten, dann können Sie dies in der Datei style.css ändern. Suchen Sie einfach in der Datei „style.css“ nach „font-size“ und ersetzen Sie pt oder px durch relative Angaben.

Beispiel:
font-size: 0.750em;

oder

font-size: 100%;

CSS-Daatei in WordPress: Schriftgröße barrierefrei angeben
CSS-Daatei in WordPress: Schriftgröße barrierefrei angeben

Die skalierbaren Schriftgrößen sind für Menschen mit Sehbehinderung wichtig, damit sie im Browser die Schrift zoomen, sprich vergrößern, können.

Der richtige Farbkontrast hilft Menschen mit Farbfehlsichtigkeit

Farbfehlsichtigkeit bedeutet, dass Menschen einer Farbe nicht den korrekten Namen zuordnen können oder Probleme haben zwischen zwei Farben einen Unterschied zu erkennen.
Wenn Sie Hintergrundfarbe und Schriftfarbe ändern möchten um den Farbkontrast Accessibilty-Gerecht einzustellen, dann können Sie dies auch in der Datei „style.css“ ändern. Suchen Sie einfach nachdem Wort „color“. So finden Sie die Hintergrund und die Schriftfarbe. Mit dem Colour Contrast Analyser können Sie überprüfen ob der von Ihnen gewählte Farbkontrast für Menschen mit einer Farbsehschwäche in Ordnung ist.

Jedes Theme hat eine Datei mit dem Namen „header.php“ . Falls in Ihrem Theme ganz oben eine Grafik eingebaut ist, dann können Sie in der Datei header.php nachschauen ob diese Grafik einen Alternativtext hat, damit der Screenreader von blinden und Sehbehinderten Menschen entsprechende Informationen bekommt.

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

Alternativtexte für Bilder

Wenn Sie Bilder in Artikel und Seiten einfügen, sorgen Sie dafür, dass Ihre Bilder Alternativtexte haben. Der Dialog für Bild einfügen hat ein Eingabefeld mit der Beschriftung „Alternativtext“. Hier können Sie einen Text eingeben der dem blinden oder sehbehinderten Menschen vom Screenreader übermittelt wird.

Beispiel für Alternativtexte für Bilder mit dem alt-Attribut:

<img src="barrierefreies_webdesign_banner.jpg" alt="Firmenlogo und eine Bildschirmtastatur entwickelt von Marlem-Software" style="max-width:800px;" height="162"/>

HTML Validation

Damit die Vorlese-Software von Blinden und Sehbehinderten, Screenreader genannt, keine Probleme hat bei dem Lesen einer WordPress-Webseite muss diese HTML-Valide sein. Das bedeutet, dass die WordPress-Webseite den Standards der W3.org entsprechen muss.

Eine WordPress-Webseite W3C-Valide machen, gelingt nicht immer. Wenn Sie ein Plugin einsetzen, das Sie unbedingt benötigen, dass aber W3C-Fehler in Ihre Webseite bringt, können Sie nichts dagegen tun.

Mit dem W3C-Validator können Sie testen ob ihr HTML valide ist.

Barrierefreie Formulare

Wenn Sie in Ihre WordPress-Webseite Formulare einbauen sollten auch diese barrierefrei sein. Damit der Screenreader weiß welche Beschriftung zu welchem Eingabefeld gehört, sollten Beschriftungen mit den Eingabefeldern verknüpft sein:

<label for="vorname" accesskey="v" Vorname: ([Alt]+v)/>
<input id="vorname" maxlength="30" name="Vorname" size="20" type="text" />

So sieht der Code in der Ausführung aus:

Das Eingabefeld Vorname bekommt einen Label. mit „for“ im Label und „id“ im Eingabefeld werden
Eingabefeld und Label verknüpft. Das ist wichtig für Screenreader.
Mit dem Attribut „accesskey“ kann dem Eingabefeld ein Shorcut zugeordnet werden.
Die Tasten alt+v aktivieren das Eingabefeld „Vorname“, alt+n das Eingabefeld „Nachname“.
Für den Nutzer des Formulars muss es erkennbar sein, dass es die Möglichkeit von Shortcuts gibt.

Für Menschen mit einer Sehbehinderung ist es wichtig, dass es gut erkennbar sein muss, welches Bedienelement aktiv ist. Meine Lieblingslösung ist, dass die Hintergrundfarbe des aktiven Bedienelements Gelb ist. Das läßt sich wie folgt mit CSS ganz einfach lösen:

/* Mit nachstehender Zeile bekommen alle aktiven Eingabefelder und Schalter eine gelbe Hintergrundfarbe */
input:focus { background-color:yellow;}

Wenn Sie Ihre Formulare so gestalten, dann sind Ihre Formulare barrierefrei.

Eingabefehler nicht nur optisch anzeigen sondern Sätze schreiben

Oft setzen Web-Entwickler beim Feedback zum Verhalten der Webseiten-Besucher, etwa bei der Nutzung des Kontaktformulares, ausschließlich auf Farbe. Beispiel: Wird ein Pflichtfeld nicht ausgefüllt, erhält es eine rote Umrandung. Wer jedoch eine Farbenfehlsichtigkeit hat, kann damit nicht viel anfangen. Derartige Fehlermeldungen sollten Sie stets zusätzlich in Worte fassen.

WP Accessibility Plugin

Es gibt inzwischen ein Plugin, das WP Accessibility Plugin mit dem Sie bestimmte Sachen per Einstellungen in WordPress barrierefrei machen können. Folgende Einstellungen und noch mehr sind möglich mit diesem Plugin:

  • Accessibility toolbar mit Schriftvergrößerung und Kontrast-Unschalter hinzufügen.
  • Füge die Sprache der Seite und Leserichtung zum HTML-Element hinzu.
  • Zu HTML 5 Elementen ARIA landmark roles hinzufügen
  • Farbkontrast-Tester zwecks Farbenblindheit nach WCAG 2.0

Barrierefreie WordPress-Themes – gibt es das?

Bevor Sie sch die Mühe machen ihr WordPress-Theme selber barrierefrei zu programmieren oder einen Programmierer zu beauftragen, können Sie nach WordPress-Themes schauen, die schon barrierefrei sind. Auf der WordPress-Seite können Sie inzwischen nach barrierefreie Themes im Filter suchen in dem Sie in der Spalte „Funktionen“ die Option „Für Barrierefreiheit geeignet anklicken. Sie bekommen dann folgendes Suchergebnis:

Anmerkung von Markus

Ich habe diese Themes ausprobiert. Sie sind nicht 100%ig barrierefrei. Beim Theme „Twentysixteen“ müssen umfangreiche Farbanpassungen gemacht werden, damit das Theme für Menschen mit Farbenfehlsichtigkeit nutzbar ist.

Barrierefreiheit bei WordPress Testen

Ein automatisierter Test gibt es nicht. Ein Test auf Barrierefreiheit kann nur von Hand mit Hilfe von oben genannten Richtlinien erfolgen.

Barrierefreiheit mit WordPress – Schlussbemerkung

Wenn Sie diese Tipps umsetzen haben Sie einiges dafür getan, damit Menschen mit unterschiedlichen Einschränkungen den Inhalt Ihres WordPress-Blogs war nehmen können. Achja, die Suchmaschine freut sich auch über barrierefreie Blogs. Google ist blind und kann nur lesen.

Wenn Sie noch Fragen haben zur Barrierefreiheit mit WordPress dürfen Sie mich gerne Anrufen 07121/504458 oder eine Mail schreiben an info@marlem-software.de .

Barrierefreies Webdesign aus Tübingen und Umgebung von Marlem-Software

Marlem-Software bietet barrierefreies Webdesign aus Tübingen und Umgebung.

Wer im Internet erfolgreich sein möchte, muss überregional bekannt sein. Das barrierefreie Webdesign ist mir ein ganz besonderes Anliegen. Deswegen möchte ich auch in der Region Tübingen Werbung für barrierefreies Webdesign machen. Barrieren im Webdesign gibt es für blinde, für Sehbehinderte und anderes körperlich eingeschränkte Menschen. Menschen im fortgeschrittenen Alter können auch Einschränkungen im Sehen oder Hören besitzen. Barrierefreies Webdesign nimmt Rücksicht auf unterschiedliche Einschränkungen von Menschen. Aufgrund von körperlchen Beeinträchtigungen nutzen behinderte Menschen und Menschen im fortgeschrittenen Alter, das Internet mehr, als andere Menschen. Behinderte Menschen kaufen oft im Internet ein, weil viele Behinderte ohne fremde Hilfe das Haus gar nicht verlassen können. Die Wahl des Online-Shops hängt zu 100% davon ab, ob er für behinderte Menschen zugänglich(=Accessibility) ist oder nicht. Also auch bei Online-Shops spielt barrierefreies Webdesign eine wichtige Rolle! Wenn Sie aus der Region Tübingen sind und einen Online-Shop besitzen den Sie auf barrierefreies Webdesign umstellen möchten, dann sind Sie bei mir richtig.

Letztes Jahr ist die BITV 2.0 in Kraft getreten. Sie ist die gesetzliche Grundlage für barrierefreies Webdesign. Ich kenne den Inhalt der BITV 2.0 und kann Sie dementsprechend kompetent beraten.

Übrigens, auch die Suchmaschnen freuen sich sehr über Webseiten mit einem barrierefreien Webdesign. Barrierefreies Webdesign ist also eine gute Vorraussetzung für eine erfolgreiche Suchmaschinenoptimierung.

Mein Unternehmen bietet barrierefreies Webdesign aus der Region Tübingen.

Sind Sie interessiert? Dann Rufen Sie mich an: 07121/504458

Barrierefreies Webdesign in Reutlingen und Tübingen

In diesem Artikel geht es um barrierefreies Webdesign in Reutlingen und Tübingen.

Wenn Sie Ihre Internetseite ohne Barrieren für behinderte und ältere Menschen Gestalten möchten, dann nennt das „barrierefreies Webdesign„. Bei einer zunehmend älter werdenden Gesellschaft sind Menschen im fortgeschrittenen Alter eine wichtige Zielgruppe für barrierefreies Webdesign. Auch sie sind oft sehr dankbar über Webseiten die nach Richtlinien für barrierefreies Webdesign erstellt worden sind. barrierefreies Webdesign bedeutet, dass eine Internetseite auf körperliche und geistige Einschränkungen von Menschen Rücksicht nimmt. Barrierefreies Webdesign ist suchmaschinenfreundlich. Deswegen bringt barrierefreies Webdesign auch mehr Besucher.

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.

In nachstehenden Video geht es um Webdesign Reutlingen – Zugänglich und barrierefrei

Barrierefreies Webdesign für Reutlingen – 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.

Auch in der Fachliteratur wird die Bedeutung von barrierefreies Webdesign immer wichtiger. Für mich ist barrierefreies Webdesign ein Qualitätsmerkmal.

barrierefreie Webseiten in Reutlingen und Tübingen – 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.

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.

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
Die Ipad-Ansicht von Marlem’s Blog

Barrierefreies Webdesign für Unternehmen aus Reutlingen

Am 12. Mai 2017 war ich in Stuttgart in der Hochschule der Medien und habe folgenden Vortrag gehalten:
Accessibility Day 2017 in der Hochschule der Medien Stuttgart. Mein Vortrag kann online angeschaut werden: Who cares. Warum sich Unternehmen jetzt um digitale Barrierefreiheit kümmern sollten

Ich biete barrierefreies Wedesign in Reutlingen und Tübingen.

Wenn Sie Ihre Webseite nach den Richtlinien für barrierefreies Webdesign gestalten möchten, sprechen Sie mit mir: 07121/504458 oder schicken Sie eine Mail: info@marlem-software.de .


Weitere Artikel zum Thema:

SEO und Barrierefreiheit – Ein Traumteam

Gastartikel von  lomali

Wie versprochen, befasse ich mich heute mit den zwei – für uns sehr wichtigen – Themen SEO und Barrierefreiheit. Ihr meint sicher, dass sowohl die Suchmaschinenoptimierung als auch die Barrierefreiheit sehr komplexe Themen sind und man für deren Beachtung viel Geld ausgeben muss.

Wenn Unwissenheit im Spiel ist, gibt es wie in vielen Bereichen im Leben Vorurteile, die gar nicht oder nur zum Teil stimmen. Auch bei diesen zwei Themen gibt es Vorurteile und oft sind das die Gleichen.

Aktualisierung bitte!
Diese zwei Themen haben nicht nur gemeinsame Vorurteile, wie Zeitintensiv, kostspielig und kompliziert, sondern müssen zusammen behandelt werden, da sie in sehr vielen Bereichen ineinander reinspielen.

Wenn man z. B. eine zwei Jahre alte Webseite für die Suchmaschinen und Barrierefreiheit optimieren möchte, ist das klar zeitintensiv und diese Zeit möchte auch bezahlt werden.

Die Ursache, dass eine nachträgliche Optimierung oftmals – muss es aber nicht sein – zeitintensiv ist, liegt nicht in der Komplexität der Themen. Eher sind die vielen selbsternannten Webdesigner schuld. Sie verfügen oftmals über altes HTML-Wissen oder meinen, man könne mit Generatoren, wie es sie zu tausende im Internet gibt, eine korrekt strukturierte Webseite basteln.

Dieser Umstand führt dazu, dass sehr viele Webseiten nicht richtig strukturiert sind und auf alten HTML-Standards aufbauen.

Der aktuelle HTML-Standard XHTML 1.0 und das neue HTML5 zwingen Programmierer dazu, optimiert für Suchmaschinen und Barrierefreiheit zu arbeiten.

Der richtige Weg
Man kann z. B. bei XHTML 1.0 den Doctype STRICT verwenden. Mit diesem Doctype sind die Regeln für das HTML-Dokument besonders streng definiert (einige tags sind z.B. nicht mehr erlaubt). Bei Regelverstoss werden die Fehler umgehend vom W3C-Validator gemeldet. Er prüft beispielsweise ob alle Bilder einen Alternativtext haben. Auch überprüft er die korrekte Codierung und Strukturierung der Webseite.

So bemüht sich der Webdesigner von Anfang an richtig und genau zu arbeiten. Dadurch werden automatisch die elementaren Grundlagen der SEO und Barrierefreiheit berücksichtigt.

Ein Tipp an alle jungen Webdesigner am Rande:
Die Struktur und die Gestaltung einer guten Webseite ist immer gut in HTML- und CSS-Definitionen aufgeteilt.

Was hat SEO eigentlich mit Barrierefreiheit zutun?
Viele Leute schauen diese zwei wichtigen Themen immer getrennt an und produzieren so gegebenenfalls mehr Kosten bei der Realisierung der Webseite.

Wenn man sich aber einmal vor Augen führt, wie die Suchmaschinen mit ihren Webcrawlers die eigene Webseite durchsuchen und analysieren, dann erkennt man, dass dieses Vorgehen sich gar nicht sehr von den Vorgehen eines Screen-Readers für sehbehinderte Besucher unterscheidet.

Ein sehr interessanter Bereich der Barrierefreiheit ist die Medienvielfalt im Internet. Seh- und Hörbehinderte können Videos bzw. Musik nicht wahrnehmen. Eine barrierefreie Webseite muss deshalb immer eine Alternative zu den Medien bieten, eine Transkription.

Wenn wir nun den Schritt zur Suchmaschinenoptimierung machen, können wir mit Transkriptionen unserer Medien unsere Platzierung in den Suchmaschinen verbessern. Bis heute können die Webcrawlers noch keine Videos und Musik auf Stichworte durchsuchen oder analysieren.

Es gibt noch viel mehr Bereiche einer Webseite in denen sich SEO und Barrierefreiheit ergänzen.

Mehr Vorbereitung, geringere Kosten
Ihr seht wie man mit geringem Aufwand gerade zwei sehr wichtige Themen einer guten Webseite umsetzen kann. Kleinerer Aufwand heisst auch tiefere Kosten bei der Realisation.

Wie schon oben geschrieben, ist die nachträgliche Optimierung sehr viel mühsamer und teuerer. Deshalb muss man schon in der Planungsphase und bei der Gestaltung bzw. Programmierung sich Gedanken machen, wie weit man in die SEO und Barrierefreiheit reingehen möchte.

Es wäre vielleicht sinnvoll mangels Kenntnisse in diesen Bereiche auch Fachleute hinzuziehen. Je nach Budget nur als Berater oder auch als Teammitglied bei der Realisation der Webseite.

Alles das muss man schon in den ersten Stunden des Projektes berücksichtigen, ansonsten kostet es unnötig viel mehr.

Und nun?
Ich hoffe, dass ihr euch ein Bild über die Verbindung und Wichtigkeit dieser zwei Themen machen könnt. Es gibt noch vieles zu entdecken und ich habe nur wenige Punkte erwähnt. Gebt uns doch ein Feedback. Mich würde interessieren, welche Erfahrungen ihr mit eurer Webseite bei der Suchmaschinenoptimierung und Barrierefreiheit gemacht habt. Vielleicht wollt ihr ja eine neue Webseite erstellen und braucht einen Fachmann. Wir helfen euch sehr gerne!

eye.syde ermöglicht Software-und Webentwickler Einblicke in die Welt der Farbfehlsichtigen

Jeder 20. Deutsche ist farbenblind. Diese Menschen haben bei der Arbeit am Computer große Probleme. Das Unternehmen i.syde Informationstechnik GmbH hat eine Software entwickelt mit der Software-und Webentwickler Farbfehlsichtigkeit simulieren können. Da ich selber Farbenblind und denke, dass diese Software zur barrierefreien Gestaltung von Webseiten und Software sehr nützlich ist, möchte ich dieses Programm kurz vorstellen.

Thomas Friebe, Geschäftsführer der i.syde Informationstechnik GmbH aus Balge hat festgestellt wie schwierig es für normalsichtige Menschen ist, sich vorzustellen wie Menschen mit Farbfehlsichtigkeit sehen. Deswegen hat ein interdisziplinäres Entwicklerteam bei i.syde die Spezialsoftware eye.syde entwickelt. Die Software eye.syde ermöglicht es Grafikdesigner, Software-und Webentwickler ihre Arbeit durch die Augen eines farbfehlsichtigen Menschen zu betrachten. Dadurch können Software und Webseiten besser auf die Bedürfnisse von Menschen mit Farbfehlsichtigkeit angepasst werden. Die Anpassung von Webseiten und Software an die Bedürfnisse von Menschen mit Farbfehlsichtigkeit ist ein wichtiger Schritt, wenn eine Webseite oder Software barrierefrei gestalten werden soll. Mit der Software lassen sich die unterschiedlichen Arten der Farbenfehlsichtigkeit wie Tritanopie, Protanopie, Deuteranopie oder Achromasie simulieren.

Die Software wurde mit dem .NET Framework und WPF (Windows Presentation Foundation) entwickelt und lässt sich unter den Betriebssystemen Windows XP und Windows 7 einsetzen.

Das Unternehmen i.syde Informationstechnik GmbH sieht das Ziel barrierefreier Software als soziales Anliegen. Deswegen gibt es die Software zum kostenlosen Download auf www.eyesyde.de .

Was ist die „Web Accessibility Initiative“ (WAI)?

Es gibt einige Begriffe die im Zusammenhang mit Barrierefreies Internet immer wieder vorkommen. Hier möchte ich erläutern, was sich hinter den Begriff „Web Accessibility Initiative“ verbirgt.

Die Web Accessibility Initiative(WAI) ist eine Arbeitsgruppe der W3C , die sich mit dem barrierefreien Zugang zum Internet beschäftigt. Die W3C ist das World Wide Web Consortium-Gremium, welches sich um die Standardisierung des World Wide Web(=Internet) kümmert.

Das Ziel der WAI (Web Accessibility Initiative) ist es, das Internet möglichst vielen Menschen zugänglich zu machen. Menschen mit unterschiedlichen Behinderungen sind auch eine Zielgruppe der WAI (Web Accessibility Initiative).

Die „Web Content Accessibility Guidelines 1.0“ (WCAG 1.0) beinhalten Anforderungen an die Webseitenprogrammierung als auch an Inhaltsarchitekturen, Layout-Grundlagen und Technik-Verwendung. Sie wurden von der Web Accessibility Initiative veröffentlicht.

Die Barrierefreie Informationstechnik-Verordnung (BITV) in Deutschland, baut auf die Web Content Accessibility Guidelines 1.0 auf.

Sind barrierefreie Internetseiten teurer wie „normale“ Webseiten?

Oft hört und liest man, dass barrierefreie Internetseiten zu teuer sind und sich deswegen nicht lohnen. In diesem Artikel möchte ich die Sache etwas beleuchten und zurecht rücken.

Zuerst möchte ich ein paar Überlegungen zum Begriff „Normal“ anstellen, weil ich als Mensch mit Behinderung immer wieder darüber stolpere, dass ich nicht „normal“ bin.

Oder dass es Behindertensoftware und „normale“ Software gibt. Oder es gibt barrierefreie Internetseiten und „normale“ Internetseiten.

Was ist „Normal“? Wie definiert man „Normal“. Dieser Begriff ist so „normal“, dass es recht schwierig ist im Internet eine Definition zu finden mit der man was anfangen kann!

Im Offenen Internetlexikon Wikipedia habe ich u.a. folgende 3 Kriterien gefunden:

[1] ohne Steigerung: Vorhandenen Normen entsprechend

(gesellschaftlichen, wissenschaftlichen, medizinischen, subjektiv erfahrenen)

[2] Über längere Zeiträume ähnlich ablaufenden Ereignissen entsprechend

[3] ohne Steigerung: im rechten Winkel/orthogonal (Mathematik)

Ich weiß nicht wie es Ihnen geht, aber ich finde alle 3 Erklärungsversuche nicht wirklich griffig.

Seit 2002 gibt es ein Gleichstellungsgesetz mit einem §11 Barrierefreie Informationstechnik in dem drin steht, dass staatliche Internetseiten barrierefrei sein müssen und gewerbliche sollten barrierefrei sein. Angenommen im Jahr 2011 sind alle Internetseiten barrierefrei, dann ist es plötzlich „normal“, dass Internetseiten barrierefrei sind!

Ich hoffe, ich konnte Sie etwas ins grübeln bringen, was die Verwendung des Begriffs „Normal“ betrifft. Ich spreche deswegen lieber von barrierefreien und nicht barrierefreien Webseiten.

Nun zur eigentlichen Frage: sind barrierefreie Internetseiten teurer als nicht barrierefreie?

Hier muss man unterscheiden. Wenn es darum geht eine bestehende Internetseite barrierefrei zu machen, kostet das auf jeden Fall Geld. Wie viel Geld hängt selbstverständlich vom Arbeitsaufwand hat. Das Problem bei Internetseiten ist, dass man zunächst nur die „Oberfläche“ sieht und nicht den HTML und CSS-Code der dahinter steckt. Somit ist es für einen Laien fast unmöglich den Fachmann vom Hobby-Webseitengestalter zu unterscheiden. Viele Hobby-Webseitengestalter können mit Bildbearbeitungsprogramme und Farbe sehr gut umgehen, legen aber auf eine korrekte Verwendung der HTML-und CSS-Befehle überhaupt keinen Wert. Damit eine Webseite barrierefrei ist, ist es unabdingbar, dass die HTML bzw. CSS-Befehle korrekt eingesetzt werden.

Wenn eine Webseite neu erstellt wird und von Beginn an die Richtlinien der Barrierefreiheit mit einbezogen werden, hält sich der Mehraufwand und somit auch die zusätzlichen Kosten in Grenzen. Es gibt gewisse Richtlinien, die es bei nicht barrierefreien Webseiten und bei barrierefreien Webseiten gibt, die sich nur in der Begründung unterscheiden!

Ich mache ein Beispiel. Der Alternativtext bei Bildern soll verwendet werden, damit ein Text angezeigt wird, wenn das Bild nicht geladen oder angezeigt werden kann, aus welchen Gründen auch immer. Dies steht in den nicht barrierefreien Richtlinien.

In den barrierefreien Richtlinien steht, dass der Alternativtext bei Bildern, den Bildinhalt grob beschreiben soll, damit blinde und sehbehinderte Menschen, die mit einem Screenreader surfen, wissen, dass es sich um ein Bild handelt und was auf dem Bild zu sehen ist.

In beiden Richtlinien steht das Gleiche nur die Begründung ist anders!

Ein zweites Beispiel. In den barrierefreien Richtlinien steht dass Navigationsmechanismen übersichtlich und schlüssig zu gestalten sind. In jedem guten Buch über professionelles Webdesign liest man ganz genau das Gleiche. Es gibt also in den nicht barrierefreien und den barrierefreien Richtlinien gemeinsame Punkte. Somit ist klar, dass es nicht zwei völlig unterschiedliche Ziele(Webseiten) sind.

Ein Video, zum Beispiel, in Textform zu beschreiben kostet selbstverständlich zusätzliche Zeit und Geld. Durch dieses zusätzlich investierte Geld, steigt allerdings die Zahl der Besucher der Webseite und somit kann, zum Beispiel im Fall eines Webshops, das investierte Geld wieder rein kommen.

Fassen wir zusammen:
In den Richtlinien für nicht barrierefreie Webseiten und den Richtlinien für barrierefreie Webseiten gibt es Gemeinsamkeiten. Eine nicht barrierefreie Webseite barrierefrei zu machen kostet Geld. Wie viel Geld hängt davon ab, wie Wichtig dem Web-Entwickler die Umsetzung der nicht barrierefreien Richtlinien war. Bei einer sehr guten Umsetzung der nicht barrierefreien Richtlinien, dürften die Kosten nicht sehr hoch sein. Bei einer neu erstellten Webseite ist es sehr empfehlenswert, gleich auf barrierefreies Webdesign zu achten. Durch die Gemeinsamkeiten der nicht barrierefreien und barrierefreien Richtlinien hält sich der Mehraufwand und die damit verbunden Mehrkosten in Grenzen.

Durch die umgesetzte Barrierefreiheit steigt die Zahl der Webseitenbesucher (siehe Artikel „Barrierefreiheit – wer braucht das?“ ) und somit die Beliebtheit der Webseite und im Fall eines Webshops kommt mehr Umsatz in die Kasse!

Barrierefreie Internetseiten lohnen sich!