Kernpunkte für Barrierefreie Websites
Barrierefreie Websites für öffentliche Einrichtungen und den Mittelstand
Für öffentliche Einrichtungen und den Mittelstand ist die Online-Präsenz der Schlüssel zu einer breiten Zielgruppe, doch um wirklich erfolgreich zu sein, muss sie für alle zugänglich sein. Als professionelle Webagentur sind wir auf die Entwicklung von barrierefreien Websites spezialisiert, die jedem Benutzer eine gleichberechtigte Online-Erfahrung bieten.
Eine barrierefreie Website ist nicht nur ethisch wichtig, sondern erweitert auch Ihre Reichweite und steigert die Benutzerzufriedenheit. Für öffentliche Einrichtungen ist es bereits Pflicht, für mittelständische Unternehmen wir dies noch folgen. Wir berücksichtigen die Bedürfnisse von Menschen mit verschiedenen Fähigkeiten und Einschränkungen, indem wir klare Strukturen, alternative Texte für Bilder, leicht verständliche Inhalte und Tastaturzugänglichkeit sicherstellen.
Unsere Experten optimieren die Schriftgröße und den Kontrast, integrieren Vorlesefunktionen und sorgen für die Zugänglichkeit von Formularen. Wir erstellen Websites, die nicht nur visuell ansprechend sind, sondern auch den höchsten Standards in Sachen Barrierefreiheit entsprechen.
Warum ist eine barrierefreie Website so wichtig?
Im Alltag können uns immer wieder Barrieren begegnen, welche uns überhaupt nicht auffallen. Für Menschen mit Einschränkung handelt es sich hierbei aber oft um unüberwindbare Hindernisse, die eine Lösung bedürfen. Beispielsweise zu benennen sind Stufen in ein Geschäft, welche für einen Rollstuhlfahrer nicht zu überwinden sind. Eine gleiche Problematik kann auch im Internet auftreten, sodass nicht jeder Webseiten auf die gleiche Art nutzen kann. Wichtig diesbezüglich zu wissen ist, wie viele Menschen im Internet durch digitale Barrieren blockiert werden können:
- 5 % haben motorische Einschränkungen, sodass sie weder Maus noch Tastatur nutzen können
- 6 % haben Probleme mit dem richtigen Erfassen und Interpretieren von digitalen Inhalten
- 3 % sind optisch sehr eingeschränkt oder komplett blind
- 15 % leiden unter einer teilweisen visuellen Einschränkung
- 3 % besitzen nur eine begrenzte Hörfähigkeit, welche bis zu Taubheit reichen kan
Vorteile von Barrierefreien Websites, die sowohl für die Website-Betreiber als auch für die Benutzer von großer Bedeutung sind:
Erweiterte Zielgruppe:
Eine barrierefreie Website ist für Menschen mit Behinderungen leicht zugänglich, was die Reichweite erhöht und ein größeres Publikum anspricht.
Verbesserte Benutzererfahrung:
Barrierefreie Websites sind oft benutzerfreundlicher und bieten eine optimierte Benutzererfahrung für alle, unabhängig von ihren Fähigkeiten.
Bessere Suchmaschinenplatzierung:
Suchmaschinen bevorzugen barrierefreie Websites, da sie qualitativ hochwertige Inhalte und klare Strukturen schätzen, was zu einer besseren Sichtbarkeit in den Suchergebnissen führt.
Rechtliche Compliance:
Die Einhaltung von Barrierefreiheitsrichtlinien und -standards kann rechtliche Probleme vermeiden und das Risiko von Diskriminierungsklagen minimieren.
Positives Image und Reputation:
Barrierefreies Webdesign zeigt Engagement für soziale Verantwortung und kann das Image und die Reputation eines Unternehmens oder einer Organisation stärken, indem es Inklusion und Zugänglichkeit fördert.
Ein Leitfaden für eine Barrierefreie Webdesign Website inklusive Online-Erfolg
Eine barrierefreie Website ist eine, die für alle Menschen, unabhängig von ihren Fähigkeiten oder Einschränkungen, leicht zugänglich ist. Sie fördert die Inklusion und bietet eine gleichberechtigte Online-Erfahrung für alle Benutzer. Hier sind 15 wichtige Punkte, die bei der Gestaltung einer barrierefreien Website berücksichtigt werden sollten:
Klare und konsistente Seitenstruktur erleichtert die Navigation. Eine übersichtliche Struktur ist entscheidend für barrierefreie Websites. Sie bedeutet klare und konsistente Seitenlayouts, die es Nutzern, einschließlich solchen mit Screenreadern, ermöglichen, leicht zu navigieren. Dies fördert die Benutzerfreundlichkeit und verbessert die Zugänglichkeit für Menschen mit verschiedenen Fähigkeiten, indem es die Suche nach Informationen erleichtert.
Beschreiben Sie Bilder mit Text, um sie für sehbehinderte Nutzer verständlich zu machen. Alternative Texte für Bilder sind beschreibende Texte, die in den HTML-Tags von Bildern auf einer Website platziert werden. Diese Texte ermöglichen es Menschen mit Sehbehinderungen, den Inhalt des Bildes zu verstehen, indem sie von Screenreadern vorgelesen werden. Sie sind entscheidend, um die Barrierefreiheit sicherzustellen, da sie visuelle Informationen in hörbare umwandeln.
Vermeiden Sie komplizierte Sprache und sorgen Sie für klare und verständliche Texte. Leicht verständliche Inhalte in barrierefreien Websites bedeuten, dass der Text und die Informationen auf der Website so gestaltet sind, dass sie für eine breite Zielgruppe verständlich sind. Dies umfasst die Verwendung klarer und einfacher Sprache, die Vermeidung von Fachbegriffen und die Bereitstellung von Erklärungen für komplexe Konzepte, um sicherzustellen, dass auch Menschen mit begrenzten sprachlichen Fähigkeiten oder kognitiven Beeinträchtigungen die Inhalte problemlos verstehen können.
Stellen Sie sicher, dass Texte ausreichend groß und gut lesbar sind, und achten Sie auf ausreichenden Kontrast. Barrierefreie Websites stellen sicher, dass Texte ausreichend groß und gut lesbar sind, um Menschen mit Sehbeeinträchtigungen zu unterstützen. Ein angemessener Kontrast zwischen Text und Hintergrund verbessert die Sichtbarkeit und erleichtert die Lesbarkeit, selbst unter schwierigen Bedingungen, und trägt somit zur Barrierefreiheit der Website bei.
Gewährleisten Sie, dass alle Funktionen der Website ohne Mausbedienung zugänglich sind. Tastaturzugänglichkeit bedeutet, dass eine Website so gestaltet ist, dass alle Funktionen und Interaktionen auch ohne Mausbedienung möglich sind. Menschen mit Einschränkungen, die auf Tastaturen angewiesen sind, können die Website navigieren, Links anklicken und Formulare ausfüllen, um die Inhalte vollständig zu nutzen, ohne auf eine Maus angewiesen zu sein.
Integrieren Sie Vorlesefunktionen, die Texte für Nutzer mit Sehbehinderungen vorlesen können. Vorlesbare Inhalte auf barrierefreien Websites sind Texte, die von Vorlese-Software oder Screenreadern für blinde oder sehbehinderte Benutzer vorgelesen werden können. Diese Funktion ermöglicht es Menschen mit Sehbehinderungen, den Website-Inhalt zu hören und somit Informationen und Texte wahrzunehmen, die sie aufgrund ihrer visuellen Einschränkungen nicht lesen können.
Formulare sollten leicht auszufüllen und verständlich sein, auch für Nutzer mit Screenreadern. Formularzugänglichkeit bezieht sich auf die Gestaltung von Online-Formularen, damit sie für alle Nutzer, einschließlich Menschen mit Behinderungen, zugänglich sind. Dies umfasst klare und präzise Beschriftungen für Formularfelder, entsprechende Fehlermeldungen und die Möglichkeit zur Navigation und Interaktion über die Tastatur anstelle von Mausbedienung, um eine nahtlose Nutzung für jeden zu gewährleisten.
Minimieren Sie die Verwendung von Pop-ups, da sie für Screenreader-Nutzer störend sein können. Barrierefreie Websites vermeiden den Einsatz von Pop-up-Fenstern, um eine reibungslose und zugängliche Benutzererfahrung zu gewährleisten. Pop-ups können problematisch sein, da sie Bildschirmleser-Nutzer unterbrechen und irritieren. Stattdessen werden barrierefreie Techniken wie modale Dialogfelder oder Inline-Benachrichtigungen verwendet, um Informationen bereitzustellen, ohne die Nutzererfahrung zu beeinträchtigen.
Stellen Sie Untertitel für Videos bereit, um Hörgeschädigte einzubeziehen. Untertitel für Videos sind Texte, die während eines Videos eingeblendet werden und den gesprochenen Inhalt wiedergeben. Sie sind entscheidend für barrierefreie Websites, da sie Hörgeschädigten ermöglichen, den Videoinhalt zu verstehen. Diese Untertitel tragen zur Inklusion bei und verbessern die Benutzererfahrung für alle, unabhängig von Hörbeeinträchtigungen.
Bieten Sie Transkripte für alle audiovisuellen Inhalte an. Text-Transkripte für Audioinhalte sind schriftliche Versionen von gesprochenem Material, das auf einer Website veröffentlicht wird. Sie sind entscheidend für die Barrierefreiheit, da sie Menschen mit Hörbehinderungen ermöglichen, den Inhalt zu verstehen. Diese Transkripte können auch für SEO nützlich sein und bieten allen Benutzern eine zusätzliche Möglichkeit, auf Informationen zuzugreifen.
Deutliche Hervorhebung von Fokus und Interaktionselementen. Fokussierungshilfen in barrierefreien Websites sind visuelle oder auditive Indikatoren, die dem Benutzer anzeigen, welches Element auf der Webseite gerade aktiv ist. Dies ist besonders hilfreich für Menschen mit Sehbehinderungen oder eingeschränkter Mausnutzung. Fokussierungshilfen verbessern die Navigation und Interaktion auf der Seite und erhöhen die Zugänglichkeit.
Stellen Sie sicher, dass die Website auch auf Mobilgeräten gut funktioniert und zugänglich ist. Mobile Optimierung in barrierefreien Websites gewährleistet, dass die Seite auf Mobilgeräten wie Smartphones und Tablets effizient und benutzerfreundlich angezeigt wird. Dies umfasst responsive Designs, die Inhalte und Navigation an kleinere Bildschirme anpassen, um eine problemlose Bedienung und Lesbarkeit für alle Benutzer sicherzustellen, unabhängig von ihrer Hardware.
Diese Effekte können Epilepsie auslösen und sollten vermieden werden. Die Vermeidung von Flash und Blinken auf barrierefreien Websites ist entscheidend, um Anwender mit Epilepsie oder visuellen Beeinträchtigungen zu schützen. Flackernde oder blitzende Inhalte können Anfälle auslösen und die Benutzererfahrung erheblich beeinträchtigen. Barrierefreie Websites setzen auf statische, beruhigende Designs, um ein sicheres und benutzerfreundliches Umfeld zu gewährleisten.
Überprüfen Sie die Website mit Screenreadern und anderen Assistenztechnologien. Tests mit Assistenztechnologien sind ein wesentlicher Schritt bei der Entwicklung barrierefreier Websites. Hierbei wird die Website mit Screenreadern, Sprachausgaben und anderen Assistenzgeräten getestet, um sicherzustellen, dass sie für Nutzer mit Seh- oder Hörbehinderungen zugänglich ist. Dies gewährleistet eine reibungslose Interaktion und eine inklusive Online-Erfahrung.
Halten Sie Ihr Team auf dem neuesten Stand bezüglich barrierefreier Designprinzipien und aktualisieren Sie die Website regelmäßig. Bei barrierefreien Websites ist "Ständige Aktualisierung und Schulung" von entscheidender Bedeutung. Dieser Prozess beinhaltet regelmäßige Updates, um sicherzustellen, dass die Website den neuesten Standards entspricht. Mitarbeiter müssen geschult werden, um barrierefreies Design und die Verwendung von Assistenztechnologien zu verstehen, um kontinuierlich eine zugängliche Online-Erfahrung für alle zu gewährleisten.
Bieten Sie Ihrer Zielgruppe eine inklusive Online-Erfahrung und verbessern Sie gleichzeitig Ihren digitalen Erfolg. Kontaktieren Sie uns heute, um mehr darüber zu erfahren, wie wir eine barrierefreie Website für Ihr Unternehmen entwickeln können. Ihre Website sollte für alle zugänglich sein, und wir machen das möglich.
Mit einfachen Schritten zur Barrierefreien Tab-Navigation
Accessible Rich Internet Applications (ARIA) ist eine Technologie, die zur Verbesserung der barrierefreien Navigation in Webanwendungen entwickelt wurde. ARIA bietet spezielle Attribute und Eigenschaften, die es ermöglichen, semantische Informationen für Benutzer mit Behinderungen bereitzustellen und die Interaktion mit komplexen Benutzeroberflächen zu erleichtern.
Hier sind einige Möglichkeiten, wie ARIA zur barrierefreien Navigation beiträgt:
Rollen und Zustände:
ARIA bietet Rollen und Zustände, die Elementen in der Benutzeroberfläche zugeordnet werden können. Dies ermöglicht es Benutzern, schnell zu verstehen, welche Funktion ein Element hat.
Landmarken:
ARIA unterstützt die Markierung von Hauptinhalten, Kopfzeilen, Navigationsbereichen und anderen wichtigen Abschnitten einer Webseite. Dies erleichtert die Navigation und Orientierung für Benutzer mit Bildschirmlesern.
Fokussteuerung:
ARIA ermöglicht die Steuerung des Tastaturfokus und die Angabe, wie Tastaturinteraktionen behandelt werden sollen. Dies ist entscheidend für die Bedienung von interaktiven Elementen.
Aria-labelledby und Aria-describedby:
Diese Attribute ermöglichen die Zuordnung von Beschreibungen und Bezeichnungen zu Elementen, was die Informationsvermittlung erleichtert.
Live-Regionen:
ARIA ermöglicht die Aktualisierung von Teilen der Seite ohne Seitenneuladung und informiert Benutzer über Änderungen in dynamischen Inhalten, z. B. bei Chat-Anwendungen oder Aktualisierungen in Echtzeit.
Aria-hidden:
Dieses Attribut ermöglicht es, Elemente vor Screenreadern zu verbergen, die keine relevanten Informationen für Benutzer mit Behinderungen bereitstellen.
Durch die Verwendung von ARIA können Entwickler barrierefreie Webanwendungen erstellen, die für eine breite Palette von Benutzern zugänglich und benutzerfreundlich sind. Dies trägt dazu bei, die digitale Inklusion zu fördern und sicherzustellen, dass Menschen mit Behinderungen das volle Potenzial des Internets nutzen können.
Der Lighthouse-Test ist ein leistungsstarkes Tool zur Überprüfung der Barrierefreiheit von Websites.
Sie können den Lighthouse-Test in Google Chrome verwenden, um die Zugänglichkeit Ihrer Website zu bewerten. Hier sind die Schritte, um Ihre Website auf Barrierefreiheit zu testen:
1. Öffnen Sie Google Chrome
Stellen Sie sicher, dass Sie Google Chrome als Ihren Webbrowser verwenden, da der Lighthouse-Test in diesem Browser integriert ist.
2. Besuchen Sie Ihre Website
Gehen Sie zu Ihrer Website, die Sie auf Barrierefreiheit überprüfen möchten.
3. Öffnen Sie die Entwicklertools
Klicken Sie mit der rechten Maustaste auf Ihre Website und wählen Sie "Untersuchen" oder drücken Sie die Tastenkombination "Strg + Shift + I" (Windows) oder "Cmd + Option + I" (Mac), um die Entwicklertools zu öffnen.
4. Navigieren Sie zur Lighthouse-Registerkarte
In den Entwicklertools finden Sie eine Registerkarte namens "Lighthouse". Klicken Sie darauf.
5. Starten Sie den Test
Klicken Sie auf die Schaltfläche "Generiere Bericht", um den Lighthouse-Test zu starten.
6. Wählen Sie die Barrierefreiheitsprüfung aus
In den Testoptionen können Sie "Barrierefreiheit" auswählen, um speziell die Barrierefreiheit Ihrer Website zu überprüfen. Sie können auch andere Tests wie Leistung und SEO auswählen, wenn gewünscht.
7. Starten Sie den Test
Klicken Sie auf die Schaltfläche "Bericht generieren", um den Test zu starten.
8. Warten Sie auf die Ergebnisse
Lighthouse führt den Test aus und zeigt Ihnen anschließend einen Bericht mit den Ergebnissen an. Sie erhalten eine Punktzahl für die Barrierefreiheit und detaillierte Informationen zu möglichen Problemen und Verbesserungsvorschlägen.
9. Arbeiten Sie an den Verbesserungen
Basierend auf den Ergebnissen können Sie die barrierefreien Aspekte Ihrer Website verbessern. Lighthouse bietet klare Anleitungen zur Behebung von Problemen.
10. Testen Sie erneut
Führen Sie den Lighthouse-Test nach den Änderungen erneut durch, um sicherzustellen, dass Ihre Website barrierefrei ist.
Der Lighthouse-Test ist eine wertvolle Ressource, um sicherzustellen, dass Ihre Website die Bedürfnisse aller Benutzer erfüllt, einschließlich solcher mit Behinderungen.
Der BITV Test und die Prüfschritte für Barrierefreie Websites
Der BITV-Test (Barrierefreie Informationstechnik-Verordnung) ist ein Instrument zur Überprüfung der Barrierefreiheit von Websites und Anwendungen gemäß den Vorgaben der deutschen Barrierefreiheitsstandards. Dieser Test zielt darauf ab, sicherzustellen, dass digitale Inhalte für alle Menschen, einschließlich Menschen mit Behinderungen, zugänglich sind. Die BITV 2.0 hat spezifische Prüfschritte, darunter:
Textalternativen
Prüfung, ob Bilder und Multimedia-Elemente alternative Texte für Screenreader-Nutzer haben.
Schriftgröße und Kontrast
Überprüfung der Schriftgröße und des Farbkontrasts für eine gute Lesbarkeit.
Seitenstruktur
Sicherstellen, dass die Seitenstruktur klar und konsistent ist, um die Navigation zu erleichtern.
Formularzugänglichkeit
Überprüfung von Formularen, um sicherzustellen, dass sie auch ohne Mausbedienung ausgefüllt werden können.
Multimedia-Untertitel
Sicherstellen, dass Videos Untertitel für Hörgeschädigte haben.
Tastaturzugänglichkeit
Überprüfen, ob die Website mit der Tastatur navigiert werden kann.
Text-Transkripte
Sicherstellen, dass Audioinhalte Texttranskripte für Benutzer mit Hörbehinderungen haben.
Navigation ohne Maus
Prüfen, ob alle Interaktionen ohne Maus möglich sind.
Blinkende Inhalte
Verhindern von Elementen, die Epilepsie auslösen können.
Der BITV-Test gewährleistet, dass digitale Inhalte die Anforderungen an Barrierefreiheit erfüllen und für alle Menschen zugänglich sind. Eine ausführliche Auflistung der Prüfschritte finden Sie hier.
Mit gutem Pagespeed zur Barrierefreien Website
Der Google PageSpeed Insights-Test ist ein Online-Tool, das von Google entwickelt wurde, um die Leistung von Webseiten zu bewerten und Optimierungsvorschläge bereitzustellen. Dieser Test bewertet, wie schnell eine Webseite lädt und wie gut sie auf Mobilgeräten funktioniert. Hier ist eine Erklärung, wie der PageSpeed Insights-Test funktioniert:
1. Webseiten-URL eingeben:
Sie geben die URL der zu überprüfenden Webseite in das PageSpeed Insights-Tool ein und starten den Test.
2. Analyse der Ladezeit:
Das Tool analysiert die Ladezeit der Webseite für Desktop- und Mobilgeräte. Es berücksichtigt Faktoren wie Serverantwortzeit, Ressourcenkomprimierung und Bildoptimierung.
3. Bewertung der Performance:
PageSpeed Insights gibt der Webseite eine Punktzahl auf einer Skala von 0 bis 100, wobei eine höhere Punktzahl auf bessere Leistung hinweist.
4. Optimierungsvorschläge:
Das Tool bietet konkrete Optimierungsvorschläge, um die Ladezeit und die Benutzererfahrung zu verbessern. Diese können beispielsweise die Komprimierung von Bildern, die Minimierung von CSS und JavaScript oder die Reduzierung von Serverantwortzeiten umfassen.
5. Berichte für mobile Geräte:
PageSpeed Insights bietet separate Berichte für die Mobilgeräte-Performance, da mobile Optimierung besonders wichtig ist.
Detaillierte Diagnose:
Das Tool stellt detaillierte Informationen zu jeder Optimierungsempfehlung zur Verfügung, um Entwicklern bei der Fehlerbehebung zu helfen.
Der PageSpeed Insights-Test ist ein wertvolles Werkzeug, um die Geschwindigkeit und die Leistung einer Webseite zu bewerten und zu verbessern. Eine schnelle Ladezeit und eine gute Leistung sind entscheidend, um die Benutzerzufriedenheit zu steigern und das Ranking in den Suchmaschinen zu verbessern.
Barrierefreie Webseiten: Die richtigen Schritte für Unternehmen und Organisationen
Dieser Artikel soll Ihnen das Werkzeug in die Hand geben, um eine barrierefreie Website bei einer Webagentur in Auftrag zu geben und ein gutes Ergebnis geliefert zu erhalten. Wir, Artmedia-Jäger, sind eine Webagentur aus Wiesbaden, die bereits barrierefreie Webseiten für Kunden programmiert und gestaltet hat.
Anders ausgedrückt: Der Schwerpunkt dieses Artikels liegt nicht darauf, was eine barrierefreie Website ist, sondern wie Sie selbst als Unternehmen oder Organisation zu einer eigenen barrierefreien Website gelangen – auch wenn dies ihr erstes Mal ist.
Barrierefreie Website erstellen
Das sollte man vorab wissen, wenn man eine barrierefreie Website in Auftrag gibt:
- Welche Organisationen sind verpflichtet, die Website barrierefrei zu gestalten?
- Welche Webseitenbetreiber profitieren von barrierefreien Webseiten?
- Wie sollte man eine Agentur für die Programmierung einer barrierefreien Website auswählen?
- Welche Richtlinien und Verordnungen bestehen?
- Wie brieft man eine Webagentur für die Erstellung einer barrierefreien Website?
- Welches Prüfsiegel wird für barrierefreie Webseiten vergeben?
Für tiefergehende Informationen zum Thema „Was ist eine barrierefreie Website“ empfehlen wir unseren Artikel https://www.artmedia-jaeger.de/wissenswertes/barrierefreie-webseiten
Der Begriff der Barriere bezieht sich nicht nur auf Behinderungen von Personen. Eine Barriere kann auch durch fehlende Technik entstehen, durch eine fremde Sprache oder durch eine räumliche Situation.
Die fehlende Technik kann ein defekter Lautsprecher sein; dann lässt sich ein Podcast nicht anhören. Deutsche Vlogger führen Interviews mit Experten in Englisch; wer diese Sprache nicht gut genug beherrscht, ist außen vor. Eine räumliche Situation erlaubt nicht, einen Lautsprecher zu benutzen und ein Kopfhörer ist nicht grad zur Hand. All diese Barrieren lassen sich durch technische Hilfsmittel ausräumen.
Webseiten lassen sich bereits weitgehend barrierefrei gestalten, wenn einfache Regeln der Gestaltung beachtet werden. Personen mit Farbsehschwäche erkennen einige Farben nicht. Eine rosa Schrift auf hellgrauem Grund wäre dann nicht lesbar. Diese Farbkombination ist aber auch für Menschen ohne Farbsehschwäche ungünstig. Zu kleine Schrift führt dazu, dass ältere oder weitsichtige Menschen die Schrift nicht mehr lesen können.
Welche Organisationen sind verpflichtet, die Website barrierefrei zu gestalten?
Sämtliche öffentlich zugänglichen Webangebote des Bundes müssen nach §3 des Deutschen Behindertengleichstellungsgesetzes barrierefrei sein.
Welche Webseitenbetreiber profitieren von barrierefreien Webseiten?
Webseitenbetreiber mit kommerziellem Hintergrund haben ein eigenes Interesse daran, dass der Inhalt der Website von möglichst vielen potentiellen Käufern wahrgenommen wird. Viele Onlineshops optimieren ihr organisches SEO oder bezahlen sogar Google Ads, um mehr Kunden zu erreichen.
Die Investition in eine barrierefreie Website, auch wenn sie nicht vom Gesetzgeber vorgeschrieben ist, kann schnell durch den Mehrumsatz wieder ausgeglichen werden.
Welche Arten von Barrieren gibt es?
Visuelle Barrieren
Für sehbehinderte Menschen sind Bilder mit Texten, die sich direkt in den Bildern befinden, nicht zugänglich. Deshalb werden bei barrierefreien Webseiten solche Inhalte durch einen alternativen Text ergänzt oder ausgetauscht. Internetnutzer mit visuellen Einschränkungen benötigen starke Kontraste und klare Schriften. Die Nutzer müssen die Größe der Webseiteninhalte ohne Aufwand an ihre Sehleistung anpassen können.
Motorische Barrieren
Menschen mit einer motorischen Behinderung haben Probleme mit der herkömmlichen Maus und navigieren stattdessen mit ihrer Tastatur. Barrierefreie Webseiten lassen sich ohne Einschränkungen mit der Tastatur bedienen und alle Webelemente können in einer bestimmten Reihenfolge angesteuert werden.
Akustische Barrieren
Gehörlose Menschen haben mit der herkömmlichen Schriftsprache ein Problem und können keine akustischen Inhalte auf Webseiten aufnehmen. Barrierefreie Webseiten ersetzen sämtliche akustischen Inhalte mit visuell sichtbaren Inhalten oder stellen diese den Nutzern zusätzlich zur Verfügung. Stehen die Inhalte der Webseiten in der Gebärdensprache bereit, können sie von gehörlosen Menschen genutzt werden.
Kognitive Barrieren
Umständlich formulierte Texte, Schachtelsätze oder Fremdwörter sind für Menschen mit einer kognitiven Behinderung problematisch. Aus diesem Grund sollten alle Webseiten ausschließlich in einer "leichten Sprache" zur Verfügung stehen. Alternativ sollte es zumindest eine Übersetzung in die "leichte Sprache" geben.
Wie wählt man eine barrierefreie Website-Agentur aus?
Lassen Sie sich von der Agentur einige barrierefreie Webseiten zeigen, die von der Agentur erstellt wurden. Fragen Sie nach, welche Beratungsleistung die Agentur in diesem Zusammenhang gegenüber dem Kunden erbracht hat. Welche Ideen der Agentur sind in die Website eingeflossen und wie ist die Website in das Marketing-Kommunikations-Konzept des Kunden eingebunden? Welche Art der Betreuung leistet die Agentur, wenn die barrierefreie Website fertig erstellt ist?
Über die Antworten erhalten Sie einen Eindruck, ob die Agentur daran interessiert ist, eine strategische Zusammenarbeit mit den Kunden aufzubauen oder ob sie nur schnell eine Website erstellt.
Richtlinien, Verordnungen und Prüfverfahren für barrierefreie Webseiten: WCAG und BITV 2.0
Bei den WCAG (Web Content Accessibility Guidelines ) handelt es sich um Richtlinien für Webseiten-Programmierer und Redakteure. Die BITV 2.0 ist die Barrierefreie Informationstechnik-Verordnung. Wie stehen WCAG und BITV in Zusammenhang? Die WCAG sind als globale Empfehlungen zu verstehen, auf denen die einzelnen Staaten rechtlich verbindliche Verordnungen erlassen.
Wie testet man, ob die eigene Website dem BITV genügt? Hierfür hat das Bundesministerium für Arbeit und Soziales einen Test entwickelt. Die Schritte und Inhalte, was geprüft wird, sind öffentlich zugänglich. Die Website wird dann von einer BITV-Prüfstelle getestet. Dies kann bereits während der Entwicklung geschehen oder abschließend, wenn die Website fertig gestellt ist. Falls alle geprüften Seiten BITV-konform sind, kann das BITV-Prüfzeichen und der Prüfbericht auf der eigenen Website platziert werden.
Die eigene Website für Personen mit Einschränkungen zugänglich zu machen, ist eine vorbildliche Entscheidung und über diese gute Tat kann man auf der eigenen Website informieren. Für WCAG gibt es auch Testverfahren, maßgeblich ist aber der abschließende Test nach BITV.
Für Nicht-Techniker: Was muss man berücksichtigen, um eine Website barrierefrei zu machen?
Für eine angenehme Erfahrung beim Surfen auf einer Webseite muss ein Programmierer drei wesentliche Aspekte beachten: Das Betriebssystem, den Browser und das Endgerät. Ein Betriebssystem ist beispielsweise Microsoft Windows 10. Für Browser stehen beispielhaft Mozilla Firefox, Google Chrome und Microsoft Edge. Das Endgerät ist das Gerät, das der Besucher nutzt: ein PC, Laptop, Smartphone oder Tablet.
Beim Betriebssystem und bei den Browsern geht man immer von der aktuellsten Version aus.
Erfahrung aus der Praxis: Selbst innerhalb großer Organisationen oder Konzerne kann es vorkommen, dass nicht auf die aktuelle Version umgerüstet wird, um Kosten zu sparen. Dies sollte der Kunde im Rahmen des Briefings erwähnen. Die Webagentur kann dies bei der Programmierung berücksichtigen.
Die Browser spielen für die Darstellung der Website eine besondere Rolle. Die Einsen und Nullen aus der Telefonleitung und die Programmiersprachen werden erst durch den Browser in Schrift und Bild übersetzt, so dass ein Mensch etwas mit der Website anfangen kann.
Ein mobiles Endgerät wiederum hat ein anderes Seiten- und Höhenverhältnis wie ein PC, der Bildschirm beim Smartphone ist kleiner und die Maus als Eingabehilfe fehlt. Der Webprogrammierer erstellt deshalb einen eigenen Code für die Darstellung und Interaktion auf mobilen Endgeräten.
Die Website wird geprüft, ob sie unter den gängigen Browsern, Betriebssystemen und Endgeräten läuft. Zur Prüfung der Barrierefreiheit haben die Webprogrammierer für die Entwicklungsphase noch Tools wie Google Lighthouse, die vor dem offiziellen BITV-Test eingesetzt werden, um bestehende Mängel rechtzeitig zu erkennen.
Nicht genug?
Für noch mehr Informationen zum Thema, gibt es hier noch weiteren Input.