8ideen Logo
8ideen Logo weiß
Ideenblog

Aktuelles (4)

Beitragsbild “Nachhaltige Weihnachtsgrüße mit Herz”

Nachhaltige Weihnachtsgrüße mit Herz

Alle Jahre wieder reisen im Dezember gut 650 Millionen Sendungen mit Weihnachtsgrüßen durch Deutschland. Darunter natürlich auch unsere eigenen, welche Sie vielleicht gerade in Händen halten und die Sie auf...
Weiterlesen
Beitragsbild “SINN – Das Prinzip für Marken mit Haltung”

SINN – Das Prinzip für Marken mit Haltung

Die Kunden der Zukunft stellen völlig neue Anforderungen an ein Unternehmen, insbesondere seine Marken, Produkte und Dienstleistungen sowie seine ethische Ausrichtung. Höchste Eisenbahn also für eine Neuausrichtung....
Weiterlesen
Beitragsbild “Grün wie Einsal-Stahl: Webseiten-Relaunch und Content-Marketing für die Walzwerke Einsal”

Grün wie Einsal-Stahl: Webseiten-Relaunch und Content-Marketing für die Walzwerke Einsal

Da, wo Stahl produziert wird, ist alles grau und die Luft voll Smog? Nicht in Einsal im schönen Lennetal. Denn dort ist man nicht nur einer der führenden europäischen Hersteller...
Weiterlesen
Beitragsbild “Jahresbericht 2017: Papierrakete”

Jahresbericht 2017: Papierrakete

Wir haben es oft versucht und doch nicht hinbekommen: Die Faltanleitung der Papierrakete auf der Rückseite unseres Jahresberichts hat es in sich und ist nichts für schwache Nerven. Wer schafft es...
Weiterlesen

Sie möchten mit vollem Antrieb durchstarten?

Erzählen Sie uns was Sie brauchen und wir melden uns.

Auf geht's
8ideen Logo

Kontakt

+49 (0) 231 - 586 952 68
Standort Dortmundacht ideen
Gutenbergstraße 36
44139 Dortmund
Standort Bochumacht ideen
Coworkingspace STÜH33
Stühmeyerstraße 33
44787 Bochum

Rechtliches

Impressum
Datenschutz

Menü

  • Portfolio
  • Leistungen
  • Über uns
  • Ideenblog
8ideen Logo
+49 (0) 231 - 586 952 68
  • Portfolio
  • Leistungen
  • Über uns
  • Ideenblog
8ideen Logo
+49 (0) 231 - 586 952 68
  • Portfolio
  • Leistungen
  • Über uns
  • Ideenblog
Barrierefreiheit
Zugänglichkeitsmodi
Epilepsie abgesicherter Modus
Dämpft Farbe und entfernt Blinzeln
Dieser Modus ermöglicht es Menschen mit Epilepsie, die Website sicher zu nutzen, indem das Risiko von Anfällen, die durch blinkende oder blinkende Animationen und riskante Farbkombinationen entstehen, eliminiert wird.
Sehbehindertenmodus
Verbessert die visuelle Darstellung der Website
Dieser Modus passt die Website an die Bequemlichkeit von Benutzern mit Sehbehinderungen wie Sehschwäche, Tunnelblick, Katarakt, Glaukom und anderen an.
Kognitiver Behinderungsmodus
Hilft, sich auf bestimmte Inhalte zu konzentrieren
Dieser Modus bietet verschiedene Hilfsoptionen, um Benutzern mit kognitiven Beeinträchtigungen wie Legasthenie, Autismus, CVA und anderen zu helfen, sich leichter auf die wesentlichen Elemente der Website zu konzentrieren.
ADHS-freundlicher Modus
Reduziert Ablenkungen und verbessert die Konzentration
Dieser Modus hilft Benutzern mit ADHS und neurologischen Entwicklungsstörungen, leichter zu lesen, zu surfen und sich auf die Hauptelemente der Website zu konzentrieren, während Ablenkungen erheblich reduziert werden.
Blindheitsmodus
Ermöglicht die Nutzung der Website mit Ihrem Screenreader
Dieser Modus konfiguriert die Website so, dass sie mit Screenreadern wie JAWS, NVDA, VoiceOver und TalkBack kompatibel ist. Ein Screenreader ist eine Software für blinde Benutzer, die auf einem Computer und Smartphone installiert wird und mit der Websites kompatibel sein müssen.
Online Wörterbuch
    Lesbare Erfahrung
    Inhaltsskalierung
    Standard
    Textlupe
    Lesbare Schriftart
    Legasthenie-freundlich
    Markieren Sie Titel
    Links hervorheben
    Schriftgröße
    Standard
    Zeilenhöhe
    Standard
    Buchstaben-Abstand
    Standard
    Linksbündig
    Zentriert ausgerichtet
    Rechtsbündig
    Optisch ansprechendes Erlebnis
    Dunkler Kontrast
    Leichter Kontrast
    Einfarbig
    Hoher Kontrast
    Hohe Sättigung
    Niedrige Sättigung
    Textfarben anpassen
    Titelfarben anpassen
    Hintergrundfarben anpassen
    Einfache Orientierung
    Töne stummschalten
    Bilder ausblenden
    Hide Emoji
    Lesehilfe
    Animationen stoppen
    Lesemaske
    Markieren Sie Schweben
    Fokus hervorheben
    Großer dunkler Cursor
    Großer Lichtcursor
    Kognitives Lesen
    Virtuelle Tastatur
    Navigationstasten
    Sprachnavigation

    8ideen

    Erklärung zur Barrierefreiheit

    • 8i.de
    • 20. Mai 2025

    Stand der Einhaltung

    Wir sind der festen Überzeugung, dass das Internet für jedermann verfügbar und zugänglich sein sollte, und verpflichten uns, eine Website bereitzustellen, die für ein möglichst breites Publikum zugänglich ist, unabhängig von dessen Umständen und Fähigkeiten.

    Um dies zu erreichen, halten wir uns so streng wie möglich an die Zugänglichkeitsrichtlinien für Webinhalte 2.1 (WCAG 2.1) des World Wide Web Consortium (W3C) auf der Stufe AA. In diesen Richtlinien wird erläutert, wie Webinhalte für Menschen mit einer Vielzahl von Behinderungen zugänglich gemacht werden können. Die Einhaltung dieser Richtlinien hilft uns sicherzustellen, dass die Website für alle Menschen zugänglich ist: Blinde, Menschen mit motorischen Einschränkungen, Sehbehinderungen, kognitiven Behinderungen und andere.

    Auf dieser Website kommen verschiedene Technologien zum Einsatz, die dafür sorgen sollen, dass sie jederzeit so zugänglich wie möglich ist. Wir verwenden eine Zugänglichkeitsschnittstelle, die es Menschen mit bestimmten Behinderungen ermöglicht, die UI (Benutzerschnittstelle) der Website anzupassen und nach ihren persönlichen Bedürfnissen zu gestalten.

    Darüber hinaus verwendet die Website eine KI-basierte Anwendung, die im Hintergrund läuft und den Grad der Zugänglichkeit ständig optimiert. Diese Anwendung korrigiert den HTML-Code der Website und passt ihre Funktionalität und ihr Verhalten an die von blinden Nutzern verwendeten Bildschirmlesegeräte und an die von Personen mit motorischen Beeinträchtigungen verwendeten Tastaturfunktionen an.

    Wenn Sie eine Fehlfunktion gefunden haben oder Verbesserungsvorschläge haben, freuen wir uns über Ihre Nachricht. Sie können sich an die Betreiber der Website wenden, indem Sie die folgende E-Mail verwenden

    Bildschirmleser und Tastaturnavigation

    Unsere Website implementiert die ARIA-Attribute (Accessible Rich Internet Applications) sowie verschiedene Verhaltensänderungen, um sicherzustellen, dass blinde Benutzer, die die Website mit einem Screen-Reader besuchen, die Funktionen der Website lesen, verstehen und genießen können. Sobald ein Benutzer mit einem Screen-Reader Ihre Website betritt, erhält er sofort eine Aufforderung, das Screen-Reader-Profil einzugeben, damit er Ihre Website effektiv durchsuchen und bedienen kann. Hier sehen Sie, wie unsere Website einige der wichtigsten Anforderungen für Screen-Reader abdeckt, zusammen mit Konsolen-Screenshots von Code-Beispielen:

    1. Optimierung für Bildschirmleser: Wir führen einen Hintergrundprozess durch, der die Komponenten der Website von oben nach unten erlernt, um eine kontinuierliche Konformität auch bei der Aktualisierung der Website zu gewährleisten. In diesem Prozess versorgen wir Screenreader mit aussagekräftigen Daten unter Verwendung des ARIA-Attributsatzes. So stellen wir beispielsweise genaue Formularbeschriftungen, Beschreibungen für Aktionssymbole (Symbole für soziale Medien, Suchsymbole, Einkaufswagen-Symbole usw.), Validierungsanleitungen für Formulareingaben, Elementrollen wie Schaltflächen, Menüs, modale Dialoge (Popups) und andere bereit. Darüber hinaus scannt der Hintergrundprozess alle Bilder der Website und liefert eine genaue und aussagekräftige, auf Bild-Objekt-Erkennung basierende Beschreibung als ALT-Tag (alternativer Text) für Bilder, die nicht beschrieben sind. Er extrahiert auch Texte, die in das Bild eingebettet sind, unter Verwendung einer OCR-Technologie (optische Zeichenerkennung). Um die Anpassungen für Bildschirmleser jederzeit zu aktivieren, müssen die Nutzer nur die Tastenkombination Alt+1 drücken. Screen-Reader-Nutzer erhalten außerdem automatische Ansagen, um den Screen-Reader-Modus einzuschalten, sobald sie die Website betreten.

      Diese Anpassungen sind mit allen gängigen Screenreadern, einschließlich JAWS und NVDA, kompatibel.

    2. Optimierung der Tastaturnavigation: Der Hintergrundprozess passt auch den HTML-Code der Website an und fügt mithilfe von JavaScript-Code verschiedene Verhaltensweisen hinzu, um die Website über die Tastatur bedienbar zu machen. Dazu gehört die Möglichkeit, mit den Tab- und Shift+Tab-Tasten durch die Website zu navigieren, Dropdowns mit den Pfeiltasten zu bedienen, sie mit Esc zu schließen, Schaltflächen und Links mit der Eingabetaste auszulösen, mit den Pfeiltasten zwischen Radio- und Checkbox-Elementen zu navigieren und sie mit der Leertaste oder der Eingabetaste auszufüllen, sowie Schnellnavigations- und Content-Skip-Menüs, die jederzeit durch Klicken auf Alt+1 oder als erste Elemente der Website bei der Navigation mit der Tastatur verfügbar sind. Der Hintergrundprozess behandelt auch ausgelöste Popups, indem er den Tastaturfokus zu ihnen hinbewegt, sobald sie erscheinen, und nicht zulässt, dass der Fokus außerhalb des Popups wandert.

      Die Benutzer können auch Tastaturkürzel wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Schaltflächen) und „G“ (Grafiken) verwenden, um zu bestimmten Elementen zu springen.

    Unterstützte Behindertenprofile auf unserer Website

    • Epilepsiesicherer Modus: Dieses Profil ermöglicht Menschen mit Epilepsie die sichere Nutzung der Website, indem es das Risiko von Anfällen ausschließt, die durch blinkende oder blitzende Animationen und riskante Farbkombinationen entstehen.
    • Modus für Sehbehinderte: Dieser Modus passt die Website an die Bedürfnisse von Nutzern mit Sehbehinderungen an, wie z. B. nachlassende Sehkraft, Tunnelblick, Katarakt, Glaukom und andere.
    • Modus für kognitive Beeinträchtigungen: Dieser Modus bietet verschiedene Hilfsoptionen, um Nutzern mit kognitiven Beeinträchtigungen wie Legasthenie, Autismus, CVA und anderen zu helfen, sich leichter auf die wesentlichen Elemente der Website zu konzentrieren.
    • ADHS-freundlicher Modus: Dieser Modus hilft Nutzern mit ADHS und neurologischen Entwicklungsstörungen, die wichtigsten Elemente der Website leichter zu lesen, zu durchsuchen und sich darauf zu konzentrieren, während gleichzeitig die Ablenkungen deutlich reduziert werden.
    • Blindheitsmodus: Dieser Modus konfiguriert die Website so, dass sie mit Bildschirmlesegeräten wie JAWS, NVDA, VoiceOver und TalkBack kompatibel ist. Ein Screenreader ist eine Software für blinde Benutzer, die auf einem Computer und einem Smartphone installiert ist, und mit der Websites kompatibel sein müssen.
    • Tastaturnavigationsprofil (motorisch behindert): Dieses Profil ermöglicht motorisch behinderten Personen die Bedienung der Website mit der Tastatur Tab, Umschalt+Tab und den Eingabetasten. Die Benutzer können auch Tastenkombinationen wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Schaltflächen) und „G“ (Grafiken) verwenden, um zu bestimmten Elementen zu springen.

    Zusätzliche Anpassungen der Benutzeroberfläche, des Designs und der Lesbarkeit

    1. Schriftanpassungen - Benutzer können die Schriftgröße vergrößern und verkleinern, die Schriftfamilie (Typ) ändern, den Abstand, die Ausrichtung, die Zeilenhöhe und vieles mehr einstellen.
    2. Farbanpassungen - Benutzer können verschiedene Farbkontrastprofile auswählen, z. B. hell, dunkel, invertiert und monochrom. Außerdem können die Benutzer die Farbschemata von Titeln, Texten und Hintergründen mit über sieben verschiedenen Farboptionen austauschen.
    3. Animationen - Personen mit Epilepsie können alle laufenden Animationen mit einem Mausklick stoppen. Zu den über die Schnittstelle gesteuerten Animationen gehören Videos, GIFs und blinkende CSS-Übergänge.
    4. Hervorhebung von Inhalten - Benutzer können wichtige Elemente wie Links und Titel hervorheben. Sie können auch festlegen, dass nur fokussierte oder mit dem Mauszeiger gehaltene Elemente hervorgehoben werden.
    5. Audiostummschaltung - Benutzer mit Hörgeräten können aufgrund der automatischen Audiowiedergabe Kopfschmerzen oder andere Probleme bekommen. Mit dieser Option können sie die gesamte Website sofort stummschalten.
    6. Kognitive Störungen - wir verwenden eine Suchmaschine, die mit Wikipedia und Wiktionary verknüpft ist und es Menschen mit kognitiven Störungen ermöglicht, die Bedeutung von Ausdrücken, Initialen, Slang usw. zu entschlüsseln.
    7. Zusätzliche Funktionen - wir bieten den Benutzern die Möglichkeit, die Farbe und Größe des Cursors zu ändern, einen Druckmodus zu verwenden, eine virtuelle Tastatur zu aktivieren und viele andere Funktionen.

    Kompatibilität mit Browsern und unterstützenden Technologien

    Unser Ziel ist es, eine möglichst breite Palette von Browsern und Hilfstechnologien zu unterstützen, damit unsere Nutzer die für sie am besten geeigneten Tools mit möglichst wenigen Einschränkungen wählen können. Deshalb haben wir sehr hart daran gearbeitet, alle wichtigen Systeme zu unterstützen, die über 95 % des Marktanteils der Nutzer ausmachen, darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge, JAWS und NVDA (Bildschirmleser).

    Anmerkungen, Kommentare und Feedback

    Trotz unserer Bemühungen, jedem die Möglichkeit zu geben, die Website an seine Bedürfnisse anzupassen. Es kann immer noch Seiten oder Abschnitte geben, die nicht vollständig zugänglich sind, die gerade zugänglich gemacht werden oder für die eine angemessene technische Lösung fehlt, um sie zugänglich zu machen. Dennoch verbessern wir ständig unsere Zugänglichkeit, fügen Optionen und Funktionen hinzu, aktualisieren und verbessern sie und entwickeln und übernehmen neue Technologien. All dies dient dazu, ein optimales Niveau der Zugänglichkeit zu erreichen, das den technologischen Fortschritten entspricht. Wenn Sie Hilfe benötigen, wenden Sie sich bitte an