Servicebereich

• Sitemap |
• Kontakt |
• Impressum |
• A+
• a- |
• Kontrast (+)

Sprache: Deutsch

Hauptnavigationsbereich

• 
• 
• 
• 
• 
• 
• 

Brotkrümelnavigationsbreich

ilimitado.de Produkte Barrierefreies Webdesign

Inhaltsbereich

Barrierefreies Webdesign

Barrierefreies Webdesign bedeutet, Homepages so zu gestalten und zu programmieren, dass sie für möglichst alle Internetnutzer ohne Einschränkungen zugänglich sind. Dies gilt sowohl für die technischen Aspekte wie Internet Browser oder Betriebssystem als auch auf die inhaltlichen Gesichtspunkte Verständlichkeit und Benutzerfreundlichkeit. Barrierefreies Webdesign ist nicht nur für Menschen mit Handicaps gedacht, sondern für alle Menschen, die täglich das Internet nutzen. Das Medium Internet bietet eine enorme Vielfalt an Informationen, die über den jeweiligen Web- Auftritt für jeden frei zugänglich sind. Oder nicht?

Barrierefreies Webdesign - Einführung

Die Politik hat sich dem Thema Barrierefreies Webdesign im Jahre 2002 mit einer entsprechenden Verordnung, der "Barrierefreie Informationstechnik Verordnung" (BITV) angenommen. Die BITV gründet auf eine Initiative verschiedener internationaler Interessenverbände und der durch das World Wide Web Consortium (W3C) ins Leben gerufenen Web Accessibility Initiative (WAI), die die Standardisierung im Bereich des barrierefreien Internets übernommen hat.

Mangelnder farblicher Kontrast, zu kleine Schrift, fehlende Skalierbarkeit und das Ignorieren von Überschriftenhierarchien erschweren oft den Zugang zu den eigentlichen Informationen. Zu diesen offensichtlichen Barrieren kommt oft noch die Verwendung von unangebrachten HTML- Elementen (Tags) wie Frames und Tabellen zur Seitenstrukturierung.

Wer ist aber nun hauptsächlich von diesen Verfehlungen betroffen?

• Suchmaschinen
  Barrierefreie Homepages haben mächtige verbündete. Eine Suchmaschine(z.B. google) ist blind. Ein Bot (kurzform von Robot, ein weitgehend autonomes Computerprogramm, dass einer sich ständig wiederholenden Aufgabe nachgeht) einer Suchmaschine versteht nur HTML-Code, nicht mehr und nicht weniger. Eine möglichst schlanke und einfache Struktur der Homepage ist hier natürlich von enormem Vorteil. Im Bereich der Suchmaschinenoptimierung hat Barrierefreies Webdesign in den letzten Jahren enorm an Bedeutung gewonnen, weil die Informationen für die Suchmaschine leichter zugänglich sind. Außerdem werden durch diese schlanke Architektur kürzere Ladezeiten erzielt, was dazu führt, dass bei besucherintensiven Homepages effektiv Traffic- Kosten eingespart werden können.
• Behinderte Menschen
  Besonders Menschen mit einem Handicap sind leider oftmals benachteiligt, wenn Sie sich im Internet bewegen. Dabei ist es völlig unverständlich, denn laut Statistischen Bundesamt lag 2005 die Zahl der amtlich anerkannten behinderten Menschen in Deutschland bei etwa 8.6 Mio. Viel interessanter ist jedoch, dass über 71 der Behinderten 55 Jahre und älter sind. Laut einer Umfrage des BMWI nutzen außerdem überproportional viele Menschen mit Behinderungen das Internet. Da diese Menschen auf barrierefreie Homepages angewiesen sind, können Sie für Ihr Unternehmen zu sehr loyalen Kunden werden.
• Die Generation 50+
  Die Generation 50+ stellt die größte und interessanteste Nutzergruppe dar. Mit zunehmendem Alter nehmen oft die Seh- und Wahrnehmungsfähigkeiten eines Menschen ab. Vor dem Hintergrund der in den nächsten Jahren in Deutschland zu erwartenden demographischen Entwicklung und der Tatsache, dass die 55-65 Jährigen laut statistischem Bundesamt bereits 2001 über ein Gesamtbruttovermögen von mehr als 200 Milliarden Euro verfügten, sollte auf diese Gruppe ein besonderes starkes Augenmerk gelegt werden.
• Migranten
  Migranten sind ebenfalls eine repräsentative Gruppe für barrierefreies Internet. Immigranten haben schon im Vorfeld mit sehr vielen Barrieren zu Kämpfen. Die größte ist sicherlich die Sprache. Die barrierefreie Informationstechnik kann diese Barriere zwar nicht abbauen, Sie kann aber helfen nicht noch mehr Barrieren aufzubauen.

Welche Vorteile bringt ein barrierefreier Internetauftritt für ihr Unternehmen?

In ersten Linie bringt es ihrem Unternehmen einen positiven Imagegewinn, da barrierefreie Homepages einen freiwilligen Zusatzservice für Ihre Kunden darstellen, der das soziale Engagement Ihres Unternehmens vorlebt und Ihnen hilft, noch mehr potentielle Kunden zu erreichen. Barrierefreies Webdesign kann Teil Ihrer Unternehmensphilosophie und Strategie werden. Barrierefreie Homepages bieten Ihrem Unternehmen ebenfalls Investitionssicherheit und Qualitätssicherung. Grund hierfür ist zum einen die Plattform- und Browserunabhängige Darstellung ihres Internetauftrittes zum anderen die klare Trennung von Inhalt und Design. Beides kann unabhängig voneinander gepflegt und ausgetauscht werden. Durch kürzere Ladezeiten können effektiv Kosten eingespart werden und Ihre Kunden werden mit Ihrem Service noch zufriedener sein.

Barrierefreiheit ihres Webauftrittes prüfen

Anzeichen für mögliche Barrieren:

• Bestimmte Informationen ihrer Homepage sind nur schwer auffindbar
• Java Script abhängige Navigation:
  Kunden mit ausgeschaltetem oder nicht verfügbarem Java Script können nicht mehr navigieren
• übersichtliche und komplizierte Navigation
• Mangelnder Farbkontrast:
  Menschen mit geschwächtem Sehvermögen, vor allem aber ältere Menschen haben Schwierigkeiten den Text zu lesen
• Verwendung zu vieler Grafiken
• Verwendung von Frames und Tabellen zur Seitenstrukturierung:
  Nicht jeder Browser kann mit Frames umgehen. Was semantisch als Tabelle ausgezeichnet ist, aber nicht als Tabelle eingesetzt wird, stiftet Verwirrung in Vorlesebrowsern (siehe Liste von Vorlesebrowsern)
• Übermässiger Einsatz von Java Script und Flash-Applikationen:
  Zuviel Bewegung auf einer Homepage lenkt vor allem ältere Menschen vom eigentlichen Text ab
• Steuerung nur mit der Maus möglich:
  Motorisch gehandicapte Menschen können auf der Homepage nicht Navigieren
• Die Suchfunktion Ihrer Homepage wird Verhältnismassig oft benutzt:
  Eine Auswertung Ihrer Server Logfiles kann hier sehr aufschlussreiche Erkenntnisse liefern.

Ein persönliches Anliegen

Wir finden es wichtig, barrierefreies Webdesign in all ihren Facetten voranzubringen.
Durch die Einhaltung von einigen grundlegenden Regeln und Techniken, kann eine Homepage und deren Informationen für mehr Menschen überhaupt erst zugänglich, gemacht werden. Dies halten wir im Jahre 2007 für eine Selbstverständlichkeit.
Ein weiterer Grund ist, dass barrierefreie Homepages besser geplant und umgesetzt werden können. Aufgrund der Trennung von Inhalt und Design ergibt sich auch ein enormer Vorteil was die Programmierung, Wartung und Erneuerung einer Homepage angeht. Dies wirkt sich wiederum positiv auf Sie, unsere Kunden aus, weil wir so volle Kostentransparenz, Qualitätssicherung und vor allem Investitionssicherheit bieten können.

Die richtige Adresse

Wenn Sie auf der Suche nach einer barrierefreien Lösung für ihren Unternehmensauftritt im Internet suchen, sind Sie bei der ilimitado OHG aus Tübingen genau richtig. Barrierefreies Webdesign, ist zu einem großen Teil Einstellungssache. Es zählt zu unserem primären Ziel, uns an die Regeln des W3C zur XHTML Validität und Barrierefreiheit (WAI) zu halten.

Wir bieten Ihnen immer ein komplettes Produkt. Barrierefreies Webdesign, ist hier nur Teil eines Gesamtkonzeptes aus Barrierefreiheit, Sicherheit und ansprechendem Design. Unsere Philosophie ist es mit unseren Kunden zusammen das bestmögliche barrierefreie Produkt zu einem guten Preis anbieten zu können. Vor allem aber, wollen wir die Unternehmen, für die wir arbeiten, genauso voranbringen wie uns selber.

Vertrauen ist uns wichtig

Jede Leistung, die wir anbieten, sollte natürlich auch durch Sie, unseren Kunden, überprüft werden können. Dies ist bei der überprüfung der Barrierefreiheit gar nicht so einfach. Es kann nur ein kleiner Teil der Regeln maschinell geprüft werden, da z.B. ein Computer nicht in der Lage ist, zu erkennen, was ein guter bzw. was ein schlechter Kontrast ist oder ob eine Homepage übersichtlich gestaltet ist oder nicht. Es gibt zwar inzwischen im Internet erste frei verfügbare Dienste, wie Bobby oder Cynthia, mit denen sich Homepages auf Barrierefreiheit nach den technischen Regeln des WAI testen lassen. Das Problem hierbei ist aber, dass diese Ergebnisse teilweise sehr schwer zu interpretieren sind. Deshalb setzten wir auf eine kostenlose Projektnachbetreuung bei unseren Kunden in Tübingen ,Reutlingen und Stuttgart, bei der wir eine Validierung der technischen und der restlichen Regeln vor Ort durchführen.

Barrierefreier Spamfilter

Eine echte Innovation in Sachen Barrierefreies Webdesign haben wir im Bereich der Spamfilter für Formulare zu bieten. Spamfilter sind heutzutage unerlässlich, um die Formulare einer Homepage gegen Missbrauch zu schützen. Standardmäßig werden zum Schutz von Formularen sogenannte Captchas eingesetzt. Captachs sind Bilder, welche verwendet werden, um zu entscheiden, ob das Gegenüber ein Mensch oder eine Maschine ist. Ein Captcha Bild zeigt, wie in der Abbildung, z.B. einen verschleierten Text, der sozusagen vom Nutzer aus dem Bild herausgelesen werden muss.

Man könnte das ganze auch als eine Art Frage-Antwort-Spiel bezeichnen. Beantwortet man die Frage richtig, wird das ausgefüllte Formular abgesendet. Hier kommt es natürlich offensichtlich zu einer überschneidung mit der Barrierefreiheit, da z.B. ein blinder Mensch natürlich keine Möglichkeit hat, einen Captcha zu lesen. Da die Bilderkennungsalgorithmen in diesem Bereich aber in den letzten Jahren immer besser geworden sind, kommt es teilweise sogar vor, dass selbst Menschen, die über keinerlei Behinderung verfügen, teilweise nicht in der Lage sind, diese Bilder zu entziffern, die für Computer Bots kein Problem darstellen. Um die Barrierefeiheit zu gewährleisten, müsste man deshalb den Spam-Code im Homepage Quelltext an den Benutzer schicken. Dies würde aber den ganzen Schutz aushebeln. Eine Alternative wäre die Verwendung von sogenannten Audio Captchas, welche aber wiederum keine Rücksicht auf Menschen mit einer Hörschwäche nehmen würden.

Wir setzen deshalb auf einen Spamschutz bei unseren Formularen, der darauf basiert, eine einfache Rechenaufgabe nach dem Schema: 2 plus 12 = ? oder drei + 5 = ? zu stellen. Diese kann sowohl einem blinden Menschen über einen Vorlesebrowser (siehe Liste von Vorlesebrowsern) vorgelesen werden, als auch von Menschen mit einer Sehschwäche über den Internet Browser bis zur Lesbarkeit vergrößert werden, was bei einem Bild nicht möglich wäre.

Allgemein kann man sagen, dass man sich gegen einen gezielten Angriff, z.B. das Kontaktformular seiner Homepage, nur durch sehr aufwendige Captchas schützen kann. Diese sind aber wiederum nicht barrierefrei und so teuer, dass sich der finanzielle Aufwand nur für die wenigsten Unternehmen lohnen würde, da es im Allgemeinen nur eine Frage der Zeit ist, bis selbst das beste Captcha durch einen neuen Algorithmus gebrochen werden kann.

Der Vorteil unseres Spamfilters besteht darin, dass er effizient, barrierefrei und kostengünstig ist. Er bietet einen hohen Schutz gegen alle gängigen Bots, die das Internet nach ungeschützten Formularen durchforsten und findet bei all unseren bisherigen Kunden große Akzeptanz.

Überschriftenhierarchien

Überschriften bilden das semantische Rückgrat einer jeden barrierefreien Homepage. Es ist vor allem für behinderte Menschen, die sich eine Homepage über einen Vorlesebrowser vorlesen lassen, aber auch für Suchmaschinen wichtig, dass die Hierarchieebenen der Überschriften, die sogenannten "Outlines" eingehalten werden. So ist es z.B. nicht sinnvoll, wenn eine Überschrift 3. Grades vor einer Überschrift 1. Grades kommt. Stellen Sie sich vor, Sie möchten in einem Buch etwas nachschlagen und im Inhaltsverzeichnis dieses Buches gibt es keine geordnete Struktur, alle Punkte sind vollkommen durcheinander. Sie haben nur eine Möglichkeit an die gewünschte Information zu gelangen, Sie müssen sich das ganze Inhaltverzeichnis durchlesen.

Leider gibt es im Bereich der Outlines einen mangelnden Konsens bezüglich der Verwendung; auch die Barrierefreiheit gibt hier nur die Hierarchie vor.

Wir können Ihnen im Bereich der Outlines eine sehr gute und in hohem Maße barrierefreie Lösung anbieten. Die überschriften der 1. Ordnung kennzeichnen in unseren Homepages immer die Hauptbereiche einer Homepage.

Überschrift 1. Ordnung:

• Bereich Navigation
• Bereich Textinhalt
• Bereich Informationsspalte

Diese Überschriften sind für den Nutzer eines normalen Internet Browsers nicht sichtbar, da dieser sehen kann, wo sich die Navigation bzw. der Inhalt etc. auf der Homepage befindet.

Der Nutzer des Vorlesebrowser hat dagegen den Vorteil, sich als aller erstes in den gewünschten Bereich zu begeben, weil ihm die Überschriften 1. Grades immer als erstes vorgelesen werden. Er muss sich also nicht erst große Teile der restlichen Homepage vorlesen lassen, um ein Bild vom Aufbau der Homepage zu bekommen.

Im gewünschten Bereich findet der Nutzer dann die Überschriften 2. Ordnung vor. Diese sind dann die jeweiligen Inhaltsbereichsüberschriften, die identisch mit den Bezeichnungen der Navigationspunkte sind. So hat sowohl der Nutzer des Vorlesebrowser als auch der Nutzer eines normalen Internet Browsers den Vorteil, dass er anhand der Überschriften immer weiß, unter welchem Navigationspunkt er sich befindet.

Überschriften 2. Ordnung im Inhaltsbereich:

• Startseite
• Unternehmen
• Kontakt

Die Überschriften 3. - 6. Ordnung können nun als Überschriften für die eigentlichen Information bzw. Artikel verwendet werden.

Diese Gliederung schafft eine sehr große Transparenz für alle Anwender, vor allem aber für Menschen, die einen Vorlesebrowser benutzten. Durch die Strukturierung kann dieser effizient und schnell an die von ihm gewünschten Informationen gelangen, so dass nicht nur er, sondern auch Sie als Unternehmen davon profitieren. Im Folgenden sehen Sie die Outline unserer ilimitado Homepage:

• <h1>Kopfzeile</h1>
  • <h2>Servicebereich</h2>
  • <h2>Hauptnavigationsbereich</h2>
  • <h2>Brotkrümelnavigationsbreich</h2>
• <h1>Hauptbereich</h1>
  • <h2>Inhaltsbereich</h2>
  • • <h3>Barrierefreies Webdesign</h3>
  • • • <h4>Barrierefreies Webdesign - Einführung</h4>
  • • • <h4>Wer ist aber nun hauptsächlich von diesen Verfehlungen betroffen?</h4>
      • <h4>Welche Vorteile bringt ein barrierefreier Internetauftritt für ihr Unternehmen?</h4>
      • <h4>Barrierefreiheit ihres Webauftrittes prüfen</h4>
      • <h4>Ein persönliches Anliegen</h4>
      • <h4>Die richtige Adresse</h4>
      • <h4>Vertrauen ist uns wichtig</h4>
  • • • <h4>Barrierefreier Spamfilter</h4>
      • <h4>Überschriftenhierarchien</h4>
  • <h2>Informationsspalte</h2>
  • • <h3>Schlagwortnavigation</h3>
    • <h3>Weiterführender Informationsbereich</h3>
    • <h3>Mini Anreiser verwandter Artikel</h3>
  • • • <h4>Allgemeine Informationen</h4>
      • <h4>Webdesign</h4>
      • <h4>Web 2.0</h4>
      • <h4>Sicherheit</h4>
      • <h4>dotMobi (.mobi)</h4>
      • <h4>Allgemeine Informationen</h4>
      • <h4>Graphik Design</h4>
• <h1>Fußzeile</h1>

Noch mehr Informationen

In der rechten Spalte haben wir für Sie einige weiterführende Links über barrierefreies Webdesign gesammelt. In unserem ilimitado Entwickler Blog verfassen wir gelegentlich in einer eigenen Rubrik Beiträge über barrierefreies Webdesign.

Informationsspalte