Austrianweb Suchmaschinenoptimierung
  • Leistungen
  • Homepage
    • Alles für Ihr Webprojekt
      • Webdesign
      • Content Management Systeme
      • Online Shops
      • Webseiten Wartung
      • Skriptinstallationen
      • Social Media
      • Webspace und Domains
  • Suchmaschinenoptimierung
    • Komplettbetreuung
      • llms.txt & KI-Sichtbarkeit
      • Preise
      • Local SEO
      • SEO Beratung
      • Ressourcen
      • Ladezeiten optimieren
      • SEO Notdienst
      • Unique Content
      • Wissenswertes
      • SEO Anfrage
  • Onlinemarketing
  • Druck
  • Blog
  • Kontakt
  • Click to open the search input field Click to open the search input field Suche
  • Menü Menü

Barrierefreies Webdesign: Das gilt es zu beachten

21. März 2012/in Webdesign

Bei der Gestaltung einer Website denken KMU nur selten an Menschen mit Behinderungen. Doch auch User mit kognitiven oder körperlichen Störungen surfen im Web, häufig selbstverständlich mit dem Intention, Produkte und Leistungen zu erwerben. Zu den Einschränkungen zählen etwa Farbenblindheit, Taubheit, motorische Störungen in der Sehkraft oder auch Konzentrations- und Lernschwierigkeiten. Um diesen potentiellen Kunden den Besuch auf einer Unternehmens- oder Produktwebsite zu erleichtern, sollten beim Webdesign die sogenannte Web Accessibility berücksichtigt werden. Darunter versteht man den Zugang bzw. die Rezeption von Webinhalten. Die Accessibility lässt sich bereits mit einfachen Mitteln umsetzen. Doch nach welchen Vorgaben sollten sich Webdesigner richten?

Guidelines für barrierefreie Webseiten des W3C

Wer sich mit behindertengerechtem Internet-Surfen auseinandersetzt, der kommt an einem Gremium nicht vorbei: dem W3C. Das „World Wide Web Consortium“ regelt die Standards für barrierefreies Webdesign und hält diese in den Web Content Accessibility Guidelines (WCAG)2.0 fest. Dieses Regelwerk ist in vier Prinzipien unterteilt, die als Fundament dienen:

1. Wahrnehmbar – Informationen und Bestandteile von Websites müssen so präsentiert werden, dass der Benutzer sie wahrnehmen kann.

Dieses Prinzip fordert unter anderem Textalternativen zu nicht Nicht-Text-Inhalten wie ASCII-Art oder Emoticons, damit dem Benutzer die Wahl zur Content-Rezeption bleibt. Diese Alternativen können zum Beispiel Braille oder eine Großschrift sein. Rein dekorative Nicht-Text-Inhalte sollten so implementiert werden, dass assistierende Techniken diese problemlos ignorieren können. Bei Audio- oder Videoinhalten empfehlen sich Untertitel oder die Übersetzung in Gebärdensprache.

2. Bedienbar – Alle Bestandteile der Website inkl. Navigation müssen für die Benutzer bedienbar sein.

Dieser Punkt bezieht sich vor allem auf die Verfügbarkeit aller Funktionen über die Tastatur. Darüber hinaus sollten Zeiteinteilungen vermieden werden, um den Benutzern genügend Zeit zu gewähren, die Inhalte der Website zu studieren. Blinkende oder anderweitig animierte Elemente sollten die Option beinhalten, diese pausieren lassen können. Insgesamt ist eine flexible, aber einfache Website-Struktur empfehlenswert.

3. Verständlich – Informationen und Bedienung der Website müssen für die Benutzer verständlich sein.

Hier wird noch einmal die inhaltliche und funktionale Struktur von Webpräsenzen angesprochen. Beträgt etwa der redaktionelle Teil einer Website ein Leseniveau, das über eine niedrige, sekundäre Schulbildung hinausreicht, dann sollte eine zweite, versimpelte Variante bereit gestellt werden. Dabei sind Fremdwörter, Abkürzungen oder ähnliches zu vermeiden. Das Prinzip der Einfachheit gilt auch für die Navigation der Seite sowie integrierte Widgets etc.

4. Robust – Alle Informationen müssen so robust sein, dass verschiedene Benutzeragenten inklusive assistierender Technik diese interpretieren können.

Ein weiteres Kriterium ist die Kompatibilität der Website mit Benutzeragenten und assistierenden Techniken. Die Umsetzung bezieht sich vor allem auf die Syntax der Seite sowie auf verschiedene Skripte und Werte. Für die meisten Aspekte der vier Prinzipien stehen übrigens diverse Analyse- und Erkennungs-Softwareprogramme als Unterstützung zur Verfügung.

Wie sollte eine barrierefreie Website aussehen?

Eine Website im Sinne einer hohen Web Accessibility zu entwickeln, muss sich nicht negativ auf die Optik auswirken, ganz im Gegenteil. Eingebettet in ein durchdachtes Gesamtkonzept, fügen sich die Maßnahmen für barrierefreies Surfen einwandfrei in die Webpräzenz und das (Corporate) Design ein. Um diese Herausforderung glänzend zu meistern, ist die enge Zusammenarbeit zwischen Designer und Programmierer unverzichtbar. Es gilt genau zu klären, wie sich Design mit den WCAG 2.0 vereinen lässt und welche behindertengerechten Techniken notwendig sind.

Im Anschluss können noch Mittel zur Steigerung der Sichtbarkeit wie Suchmaschinenoptimierung integriert werden. Die Investition in eine barrierefreie Website lohnt sich, da diese nicht nur die Kundenreichweite erhöht, sondern auch ein Stück weit unternehmerische Social Responsibility demonstriert.

Weitere Infos (externe Seiten):

[related-links]

https://www.austrianweb.at/wp-content/uploads/2018/12/Austrianweb-Suchmaschinenoptimierung-Logo.gif 0 0 austrianweb https://www.austrianweb.at/wp-content/uploads/2018/12/Austrianweb-Suchmaschinenoptimierung-Logo.gif austrianweb2012-03-21 06:42:302021-06-08 18:40:57Barrierefreies Webdesign: Das gilt es zu beachten
Das könnte Sie auch interessieren
Datenrettung für Blogger: So bleiben Inhalte und Rankings sicher
Mobiles Webdesign – Tipps und Tricks zur Umsetzung
Geplante Downtime einer Homepage – was sollte man dazu wissen
Individualprogrammierung nach Kundenwunsch von Webprojekten aller Art
Augen auf bei der Wahl des Webhosting-Angebots!
SEO-Wording: Stolpersteine erkennen und umgehen

Inhalt:

Inhaltsverzeichnis

Toggle
  • Guidelines für barrierefreie Webseiten des W3C
    • 1. Wahrnehmbar – Informationen und Bestandteile von Websites müssen so präsentiert werden, dass der Benutzer sie wahrnehmen kann.
    • 2. Bedienbar – Alle Bestandteile der Website inkl. Navigation müssen für die Benutzer bedienbar sein.
    • 3. Verständlich – Informationen und Bedienung der Website müssen für die Benutzer verständlich sein.
    • 4. Robust – Alle Informationen müssen so robust sein, dass verschiedene Benutzeragenten inklusive assistierender Technik diese interpretieren können.
    • Wie sollte eine barrierefreie Website aussehen?

Fachbegriff Suche:

Blog Kategorien

Kontakt

Austrianweb Onlinemarketing
Infotelefon: +43 699 1 9238168
Tel.: +43 1 9473378
FAX: +43 1 253 30 33 – 9596
Email: office@austrianweb.at
Stavangergasse 1
1220 Wien
Ihre SEO Agentur für

– Österreich
– Deutschland
– Schweiz

In unserem Impressum und unserer Datenschutzerklärung finden Sie alle gesetzlich vorgeschriebenen Angaben. Wir verarbeiten Ihre Daten ausschließlich zweckgebunden und innerhalb der EU.

Über uns

Vielfältigkeit ist unsere Stärke:

– Suchmaschinenoptimierung
– Kompletter SEO Bereich
– Penalty Notdienst
– Suchmaschinenwerbung u. Onlinemarketing
– Alles für die Homepage
– Druckartikel

Was brauchen Sie?
Beratung und Erstanalysen sind kostenlos!

News, Tipps u. Infos

  • Compromise Scanner for wp2shell: WordPress auf Spuren eines WP2Shell-Angriffs überprüfen24. Juli 2026 - 18:16
  • WP2Shell: Wenn WordPress plötzlich zur Hintertür für Angreifer wird24. Juli 2026 - 14:49
  • SEO reicht nicht mehr: Wie Unternehmen jetzt auch in KI-Antworten sichtbar werden15. Mai 2026 - 12:50
  • Core Web Vitals & Barrierefreiheit: Worauf Sie achten müssen, damit Sie keine Kompromisse eingehen15. Februar 2026 - 7:18
  • INP & Core Web Vitals 2026: Warum Ihre Website trotz Cache langsam wirkt – und wie Sie das sauber lösen5. Februar 2026 - 7:06

Wichtiges

  • Impressum
  • Datenschutzerklärung
  • Cookie-Richtlinie (EU)
  • Begriffserklärungen
  • Sitemap
  • A.G.B.
  • Über uns
  • Informationen für KI

Unser Blog

© Copyright - Austrianweb Suchmaschinenoptimierung
  • Leistungen
  • Webdesign
  • Suchmaschinenoptimierung
  • Onlinemarketing
  • Druck
  • Begriffserklärungen
  • Blog
Link to: Erste deutschsprachige Google AdWords Konferenz findet in Wien statt Link to: Erste deutschsprachige Google AdWords Konferenz findet in Wien statt Erste deutschsprachige Google AdWords Konferenz findet in Wien statt Link to: B2B-Studie: Die Hitliste der wichtigsten Social-Media-Dienste Link to: B2B-Studie: Die Hitliste der wichtigsten Social-Media-Dienste B2B-Studie: Die Hitliste der wichtigsten Social-Media-Dienste
Nach oben scrollen Nach oben scrollen Nach oben scrollen
Cookie-Zustimmung verwalten
Um Ihnen ein optimales Erlebnis zu bieten, verwenden wir Technologien wie Cookies, um Geräteinformationen zu speichern bzw. darauf zuzugreifen. Wenn Sie diesen Technologien zustimmen, können wir Daten wie das Surfverhalten oder eindeutige IDs auf dieser Website verarbeiten. Wenn Sie Ihre Zustimmung nicht erteilen oder zurückziehen, können bestimmte Merkmale und Funktionen beeinträchtigt werden.
Funktional Immer aktiv
Der Zugriff oder die technische Speicherung ist unbedingt für den rechtmäßigen Zweck erforderlich, um die Nutzung eines bestimmten Dienstes zu ermöglichen, der vom Abonnenten oder Nutzer ausdrücklich angefordert wurde, oder für den alleinigen Zweck der Übertragung einer Nachricht über ein elektronisches Kommunikationsnetz.
Vorlieben
Die technische Speicherung oder der Zugriff ist für den rechtmäßigen Zweck der Speicherung von Voreinstellungen erforderlich, die nicht vom Abonnenten oder Nutzer beantragt wurden.
Statistiken
Die technische Speicherung oder der Zugriff, der ausschließlich zu statistischen Zwecken erfolgt. Die technische Speicherung oder der Zugriff, der ausschließlich zu anonymen statistischen Zwecken verwendet wird. Ohne eine Aufforderung, die freiwillige Zustimmung Ihres Internetdienstanbieters oder zusätzliche Aufzeichnungen von Dritten können die zu diesem Zweck gespeicherten oder abgerufenen Informationen allein in der Regel nicht zu Ihrer Identifizierung verwendet werden.
Marketing
Die technische Speicherung oder der Zugriff ist erforderlich, um Nutzerprofile zu erstellen, um Werbung zu versenden oder um den Nutzer auf einer Website oder über mehrere Websites hinweg zu ähnlichen Marketingzwecken zu verfolgen.
  • Optionen verwalten
  • Dienste verwalten
  • Verwalten Sie {vendor_count} Lieferanten
  • Lesen Sie mehr über diese Zwecke
Voreinstellungen anzeigen
  • {title}
  • {title}
  • {title}