Zum Inhalt springen
SCHÄFER MEDIADESIGN Logo SCHÄFER MEDIADESIGN Logo
  • Home
  • Impressum
  • Datenschutzerklärung
  • Erklärung zur Barrierefreiheit

bks_2016

Markus Schäfer2016-11-15T17:42:42+01:00

Die neusten Projekte

  • Website – HTB Hanseatische Fondshaus GmbH 15. Dezember 2021
  • Website – GEDOK Wuppertal 15. September 2020
  • GEDOK – Indianerliebe -Liebe der Frauen 3. September 2019

Archiv

  • Dezember 2021
  • September 2020
  • September 2019
  • Dezember 2018
  • Januar 2018
  • Juni 2017
  • September 2016
  • August 2016
  • Mai 2016
  • Juni 2015
  • Januar 2015
  • Mai 2014
  • Dezember 2013
  • September 2013
  • Mai 2013
  • April 2013
  • September 2012
© SCHÄFER MEDIADESIGN
Page load link
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
    Einfache Orientierung
    Töne stummschalten
    Bilder ausblenden
    Lesehilfe
    Animationen stoppen
    Lesemaske
    Markieren Sie Schweben
    Fokus hervorheben
    Großer dunkler Cursor
    Großer Lichtcursor
    Kognitives Lesen
    Virtuelle Tastatur
    Navigationstasten
    Sprachnavigation

    SCHÄFER MEDIADESIGN

    Erklärung zur Barrierefreiheit

    • www.schaefer-mediadesign.de
    • 9. Dezember 2025

    Konformitätsstatus

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

    Um dies zu erreichen, halten wir uns so streng wie möglich an die Richtlinien für barrierefreie Webinhalte 2.1 (WCAG 2.1) des World Wide Web Consortium (W3C) auf AA-Niveau. Diese Richtlinien erklären, 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 mehr.

    Diese Website nutzt verschiedene Technologien, um sie jederzeit so barrierefrei wie möglich zu gestalten. Wir verwenden eine Barrierefreiheits-Schnittstelle, die es Menschen mit bestimmten Behinderungen ermöglicht, die Benutzeroberfläche (UI) der Website anzupassen und an ihre persönlichen Bedürfnisse anzupassen.

    Darüber hinaus verwendet die Website eine KI-basierte Anwendung, die im Hintergrund läuft und den Grad der Barrierefreiheit ständig optimiert. Diese Anwendung korrigiert den HTML-Code der Website und passt ihre Funktionalität und ihr Verhalten an Bildschirmleseprogramme für blinde Nutzer sowie an Tastaturfunktionen für Menschen mit motorischen Einschränkungen an.

    Wenn Sie eine Fehlfunktion festgestellt haben oder Verbesserungsvorschläge haben, freuen wir uns über Ihre Nachricht. Sie können die Betreiber der Website über die folgende E-Mail-Adresse erreichen: mail@schaefer-mediadesign.de

    Bildschirmleseprogramme und Tastaturnavigation

    Unsere Website implementiert die ARIA-Attribute (Accessible Rich Internet Applications) sowie verschiedene Verhaltensänderungen, um sicherzustellen, dass blinde Nutzer, die die Website mit Bildschirmleseprogrammen besuchen, die Funktionen der Website lesen, verstehen und nutzen können. Sobald ein Nutzer mit einem Screenreader Ihre Website aufruft, wird er sofort aufgefordert, das Screenreader-Profil aufzurufen, damit er Ihre Website effektiv durchsuchen und bedienen kann. Im Folgenden erfahren Sie, wie unsere Website einige der wichtigsten Anforderungen an Screenreader erfüllt, zusammen mit Konsolen-Screenshots von Code-Beispielen:

    1. Screenreader-Optimierung: Wir führen einen Hintergrundprozess aus, der die Komponenten der Website von oben nach unten lernt, um auch bei Aktualisierungen der Website die kontinuierliche Konformität sicherzustellen. In diesem Prozess stellen wir Screenreadern mithilfe des ARIA-Attributsatzes aussagekräftige Daten zur Verfügung. Dazu gehören beispielsweise genaue Formularbezeichnungen, Beschreibungen für bedienbare Symbole (Social-Media-Symbole, Suchsymbole, Warenkorb-Symbole usw.), Validierungshinweise für Formulareingaben und Elementrollen wie Schaltflächen, Menüs, modale Dialoge (Popups) und andere. Darüber hinaus scannt der Hintergrundprozess alle Bilder der Website und liefert eine genaue und aussagekräftige Beschreibung auf Basis der Bildobjekterkennung als ALT-Tag (Alternativtext) für Bilder, die nicht beschrieben sind. Außerdem extrahiert er mithilfe einer OCR-Technologie (optische Zeichenerkennung) Texte, die in das Bild eingebettet sind. Um die Screenreader-Anpassungen jederzeit zu aktivieren, müssen Benutzer lediglich die Tastenkombination Alt+1 drücken. Benutzer von Bildschirmleseprogrammen erhalten außerdem automatische Ansagen, um den Bildschirmleser-Modus zu aktivieren, sobald sie die Website aufrufen. Diese Anpassungen sind mit allen gängigen Bildschirmleseprogrammen kompatibel, einschließlich JAWS und NVDA.
    2. Optimierung der Tastaturnavigation: Der Hintergrundprozess passt auch den HTML-Code der Website an und fügt mithilfe von JavaScript-Code verschiedene Funktionen hinzu, um die Website mit der Tastatur bedienbar zu machen. Dazu gehört die Möglichkeit, mit den Tabulatortasten und Umschalt+Tab zu navigieren, Dropdown-Menüs 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 diese mit der Leertaste oder der Eingabetaste auszufüllen.Darüber hinaus stehen Tastaturbenutzern Schnellnavigations- und Inhaltsüberspringungsmenüs zur Verfügung, die jederzeit durch Klicken auf Alt+1 oder als erste Elemente der Website bei der Navigation mit der Tastatur aufgerufen werden können. Der Hintergrundprozess verarbeitet auch ausgelöste Popups, indem er den Tastaturfokus auf diese verschiebt, sobald sie erscheinen, und verhindert, dass der Fokus außerhalb davon driftet. 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.

    Auf unserer Website unterstützte Behindertenprofile

    • Epilepsie-Sicherheitsmodus: Dieses Profil ermöglicht Menschen mit Epilepsie die sichere Nutzung der Website, indem es das Risiko von Anfällen durch blinkende Animationen und riskante Farbkombinationen eliminiert.
    • Modus für Sehbehinderte: Dieser Modus passt die Website für Benutzer mit Sehbehinderungen wie nachlassender Sehkraft, Tunnelblick, Katarakt, Glaukom und anderen an.
    • Modus für kognitive Behinderungen: Dieser Modus bietet verschiedene Hilfsoptionen, die Benutzern mit kognitiven Beeinträchtigungen wie Legasthenie, Autismus, CVA und anderen helfen, sich leichter auf die wesentlichen Elemente der Website zu konzentrieren.
    • ADHS-freundlicher Modus: Dieser Modus hilft Benutzern mit ADHS und neurologischen Entwicklungsstörungen, die Website leichter zu lesen, zu durchsuchen und sich auf die wichtigsten Elemente zu konzentrieren, während Ablenkungen deutlich reduziert werden.
    • Blindenmodus: Dieser Modus konfiguriert die Website so, dass sie mit Bildschirmleseprogrammen wie JAWS, NVDA, VoiceOver und TalkBack kompatibel ist. Ein Bildschirmleseprogramm ist eine Software für blinde Benutzer, die auf einem Computer und Smartphone installiert wird und mit der Websites kompatibel sein müssen.
    • Tastatur-Navigationsprofil (motorisch beeinträchtigt): Dieses Profil ermöglicht es motorisch beeinträchtigten Personen, die Website mit den Tasten Tab, Umschalt+Tab und Eingabetaste zu bedienen. 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. Anpassungen der Schriftart – Benutzer können die Schriftgröße vergrößern und verkleinern, die Schriftart ändern, den Abstand, die Ausrichtung und die Zeilenhöhe anpassen und vieles mehr.
    2. Anpassungen der Farbe – Benutzer können verschiedene Farbkontrastprofile wie hell, dunkel, invertiert und monochrom auswählen. Darüber hinaus können 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 Klick auf eine Schaltfläche stoppen. Zu den über die Benutzeroberfläche 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 der Maus überfahrene Elemente hervorgehoben werden.
    5. Audio stummschalten – Benutzer mit Hörgeräten können aufgrund der automatischen Audiowiedergabe Kopfschmerzen oder andere Probleme bekommen. Mit dieser Option können Benutzer die gesamte Website sofort stummschalten.
    6. Kognitive Störungen – Wir verwenden eine Suchmaschine, die mit Wikipedia und Wiktionary verknüpft ist, sodass Menschen mit kognitiven Störungen die Bedeutung von Phrasen, Abkürzungen, Slang und anderem entschlüsseln können.
    7. Zusätzliche Funktionen – Wir bieten Nutzern die Möglichkeit, die Farbe und Größe des Cursors zu ändern, einen Druckmodus zu verwenden, eine virtuelle Tastatur zu aktivieren und viele weitere Funktionen zu nutzen.

    Kompatibilität mit Browsern und assistiven Technologien

    Wir sind bestrebt, eine möglichst breite Palette von Browsern und assistiven Technologien zu unterstützen, damit unsere Nutzer die für sie am besten geeigneten Tools mit möglichst wenigen Einschränkungen auswählen können. Daher 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 (Bildschirmleseprogramme).

    Hinweise, Kommentare und Feedback

    Trotz unserer größten Bemühungen, die Website für alle Nutzer an ihre Bedürfnisse anzupassen, kann es vorkommen, dass einige Seiten oder Abschnitte noch nicht vollständig barrierefrei sind, noch barrierefrei gestaltet werden oder noch keine geeignete technische Lösung für ihre Barrierefreiheit vorhanden ist. Es kann dennoch vorkommen, dass einige Seiten oder Abschnitte nicht vollständig barrierefrei sind, derzeit barrierefrei gestaltet werden oder noch keine geeignete technische Lösung für ihre Barrierefreiheit vorhanden ist. Wir arbeiten jedoch kontinuierlich daran, die Barrierefreiheit zu verbessern, Optionen und Funktionen hinzuzufügen, zu aktualisieren und zu optimieren sowie neue Technologien zu entwickeln und einzuführen. All dies dient dazu, mit den technologischen Fortschritten Schritt zu halten und ein optimales Maß an Barrierefreiheit zu erreichen. Wenn Sie Hilfe benötigen, wenden Sie sich bitte an mail@schaefer-mediadesign.de.

    Nach oben