Dein strategischer Partner für barrierefreie Websites – weil Inklusion nicht warten kann
Unser erfahrenes Team aus Designern und Entwicklern setzt auf modernste Standards, um deine Website barrierefrei und für alle zugänglich zu machen. Wir gestalten deine Online-Präsenz nicht nur nachhaltig und inklusiv, sondern auch zukunftssicher.
Barrierefrei bis zum Stichtag: 28. Juni 2025
Am 28. Juni 2025 tritt die EU-Richtlinie für Barrierefreiheit vollständig in Kraft. Nutze die Gelegenheit, rechtzeitig alle Anforderungen zu erfüllen! Wir unterstützen dich mit umfassendem Know-how und individuell abgestimmten Lösungen, um sicherzustellen, dass deine Website den gesetzlichen Standards entspricht und gleichzeitig bei allen Nutzern überzeugt.
Das BFSG setzt Standards, wie die Web-Content-Accessibility-Guidelines (WCAG) und die europäische Norm EN 301 549 durch.
Konkret sind in der WCAG drei Konformitätsstufen (A, AA und AAA) definiert.
- Stufe A: ein MUSS
- Stufe AA: ein SOLL
- Stufe AAA: ein KANN
Schließe dich niemanden mehr aus: Mach deine Website barrierefrei und inklusiv!
Viele Websites sind nicht barrierefrei – sie schließen Menschen mit Einschränkungen aus und erschweren den Zugang zu wichtigen Informationen. Die Folge: verlorene Nutzer, rechtliche Risiken und ein unzeitgemäßes Image.
Deine Website ist das Tor zu allen – wir machen es für jeden zugänglich.
Wäre es nicht frustrierend, wenn potenzielle Kunden oder Nutzer Ihre Website verlassen, weil sie schlichtweg nicht zugänglich ist? Barrierefreiheit ist mehr als nur ein technisches Detail – es ist ein Signal für Inklusion, Modernität und Verantwortung.
Von Hürden zur Inklusion: So wird deine Website zum Vorbild für Barrierefreiheit.
Mit intelligenten Prozessen und durchdachtem Design machen wir Ihre Website barrierefrei. Dank unserer Expertise in barrierefreien Technologien und dem TYPO3 CMS entwickeln wir Websites, die für alle zugänglich sind – unabhängig von Einschränkungen. Ob Screenreader-Kompatibilität, kontrastreiche Designs oder benutzerfreundliche Navigation: Wir setzen Maßstäbe für Inklusion und Benutzerfreundlichkeit. Und das Beste: Unsere persönliche Betreuung stellt sicher, dass deine individuellen Ziele stets im Fokus stehen. Gemeinsam machen wir deine Website zu einem Vorbild für Barrierefreiheit im Web.
Verwandeln deine Besucher in Kunden – Jetzt für Erfolg kontaktieren!
Barrierefreie SEO – Sichtbarkeit für alle schaffen
Wir verbinden Barrierefreiheit mit smarter SEO-Optimierung, um deine Website in den Suchmaschinen nach vorne zu bringen. Unser Ansatz stellt sicher, dass deine Inhalte nicht nur für alle Nutzer zugänglich, sondern auch für Suchmaschinen klar strukturiert und gut sichtbar sind.
Baukastenlösungen? Nicht bei uns.
Mit uns erhälst keine vorgefertigten Antworten, sondern maßgeschneiderte Strategien, die Barrierefreiheit und deine individuellen Anforderungen vereinen. Setze auf Chefarztbehandlung für deine barrierefreie Website – pünktlich zum 28. Juni 2025.
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.
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.
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 wird dies 2025 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.
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.
Wieviele Menschen können im Internet durch digitale Barrieren blockiert werden?
1. Sehbehinderungen (ca. 15–20%)
- Einschränkungen: Farbenblindheit, eingeschränkte Sehschärfe, totale Blindheit.
- Herausforderungen: Schwierigkeiten bei der Erkennung von Kontrasten, Lesen kleiner Schriftgrößen oder Nutzung visueller Inhalte ohne alternative Beschreibungen.
2. Hörbehinderungen (ca. 5–6%)
- Einschränkungen: Schwerhörigkeit bis hin zu Taubheit.
- Herausforderungen: Keine Möglichkeit, Audioinhalte wie Videos oder Podcasts ohne Untertitel oder Transkripte zu konsumieren.
3. Motorische Einschränkungen (ca. 10–12%)
- Einschränkungen: Eingeschränkte Feinmotorik, Zittern, Lähmungen oder fehlende Kontrolle über Maus- oder Touchscreen-Eingaben.
- Herausforderungen: Probleme bei der Navigation auf Websites mit kleinen Klickflächen oder ohne Tastatursteuerung.
4. Kognitive Einschränkungen (ca. 15–20%)
- Einschränkungen: Lernschwierigkeiten, Konzentrationsprobleme, Gedächtnisprobleme, Autismus-Spektrum.
- Herausforderungen: Schwierigkeit, komplexe Navigationen zu verstehen, lange Texte zu erfassen oder durch Überfrachtung von Informationen abgelenkt zu werden.
5. Temporäre Einschränkungen (variabel, ca. 25% während eines bestimmten Zeitraums)
- Einschränkungen: Vorübergehende Einschränkungen wie Verletzungen (z. B. gebrochener Arm), schlechte Beleuchtung, laute Umgebung oder langsame Internetverbindung.
- Herausforderungen: Schwierigkeiten beim Zugriff auf Inhalte oder bei der Interaktion mit der Website, vergleichbar mit permanenten Einschränkungen.
Wichtig: Warum Barrierefreiheit?
Diese Einschränkungen betreffen nicht nur Menschen mit dauerhaften Behinderungen, sondern auch Nutzer in temporär ungünstigen Situationen. Barrierefreie Websites ermöglichen es, alle Zielgruppen zu erreichen und die User Experience für jeden zu verbessern.
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.
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.
Biete deiner Zielgruppe eine inklusive Online-Erfahrung und verbessern Sie gleichzeitig deinen digitalen Erfolg. Kontaktiere uns heute, um mehr darüber zu erfahren, wie wir eine barrierefreie Website für dein Unternehmen entwickeln können. Deine 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.
Du kannst den Lighthouse-Test in Google Chrome verwenden, um die Zugänglichkeit deiner Website zu bewerten. Hier sind die Schritte, um deine Website auf Barrierefreiheit zu testen:
1. Öffne Google Chrome
Stelle sicher, dass Sie Google Chrome als deinen Webbrowser verwenden, da der Lighthouse-Test in diesem Browser integriert ist.
2. Besuche deine Website
Gehe zu Ihrer Website, die du auf Barrierefreiheit überprüfen möchten.
3. Öffne die Entwicklertools
Klicke mit der rechten Maustaste auf deine Website und wähle "Untersuchen" oder drücken Sie die Tastenkombination "Strg + Shift + I" (Windows) oder "Cmd + Option + I" (Mac), um die Entwicklertools zu öffnen.
4. Navigiere zur Lighthouse-Registerkarte
In den Entwicklertools findest du eine Registerkarte namens "Lighthouse". Klicke darauf.
5. Starte den Test
Klicke auf die Schaltfläche "Generiere Bericht", um den Lighthouse-Test zu starten.
6. Wähle die Barrierefreiheitsprüfung aus
In den Testoptionen kannst du "Barrierefreiheit" auswählen, um speziell die Barrierefreiheit deiner Website zu überprüfen. Du kannst auch andere Tests wie Leistung und SEO auswählen, wenn gewünscht.
7. Starte den Test
Klicke auf die Schaltfläche "Bericht generieren", um den Test zu starten.
8. Warte auf die Ergebnisse
Lighthouse führt den Test aus und zeigt dir anschließend einen Bericht mit den Ergebnissen an. Du erhalten eine Punktzahl für die Barrierefreiheit und detaillierte Informationen zu möglichen Problemen und Verbesserungsvorschlägen.
9. Arbeite an den Verbesserungen
Basierend auf den Ergebnissen kannst du die barrierefreien Aspekte Ihrer Website verbessern. Lighthouse bietet klare Anleitungen zur Behebung von Problemen.
10. Teste erneut
Führe den Lighthouse-Test nach den Änderungen erneut durch, um sicherzustellen, dass deine 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 findest du 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:
Di gibst die URL der zu überprüfenden Webseite in das PageSpeed Insights-Tool ein und startest 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 dir 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 du 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?
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.
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.
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?
Lass dich von der Agentur einige barrierefreie Webseiten zeigen, die von der Agentur erstellt wurden. Frage 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.
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.