Hippster Marketing Logo WebHippster Marketing Logo WebHippster Marketing Logo WebHippster Marketing Logo Web
    • Home
    • Webseiten
    • Portale
    • Corporate-Identity
    • Referenzen
    • Kontakt
    • Kostenloser Webseiten-Check
    • kostenloses Beratungsgespräch
    • Barrierefreiheit
      © I Hipster Marketing I Impressum I Datenschutzerklärung

        Barrierefrei

        Barrierefrei Modi

        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
          Default
          Text Lupe
          Lesbare Schriftart
          Legastenie Freundlich
          Markieren Sie Titel
          Links hervorheben
          Schriftgröße
          Default
          Zeilenhöhe
          Default
          Buchstaben-Abstand
          Default
          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
          Virtuelle Tastatur
          Lesehilfe
          Animationen stoppen
          Lesemaske
          Markieren Sie schweben
          Fokus hervorheben
          Großer dunkler Cursor
          Großer heller Cursor
          Kognitives Lesen
          Navigationstasten
          Sprachnavigation

          © 2025 Hipster Marketing

          Barrierefreiheitserklärung

          • hipster-marketing.de
          • 23. June 2025

          Konformitätsstatus

          Wir sind fest davon überzeugt, dass das Internet für jeden zugänglich und nutzbar sein sollte, und verpflichten uns, eine Website bereitzustellen, die für die größtmögliche Zielgruppe zugänglich ist, unabhängig von Umständen und Fähigkeiten.

          Um dies zu erreichen, streben wir an, die Web Content Accessibility Guidelines 2.1 (WCAG 2.1) des World Wide Web Consortiums (W3C) auf der Stufe AA so genau wie möglich einzuhalten. 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, kognitive Beeinträchtigungen und mehr.

          Diese Website verwendet verschiedene Technologien, um sie jederzeit so zugänglich wie möglich zu machen. Wir nutzen eine Barrierefreiheitsschnittstelle, die es Personen mit spezifischen Behinderungen ermöglicht, die Benutzeroberfläche (UI) der Website anzupassen und sie an ihre persönlichen Bedürfnisse anzupassen.

          Darüber hinaus verwendet die Website eine KI-basierte Anwendung, die im Hintergrund läuft und das Zugänglichkeitsniveau kontinuierlich optimiert. Diese Anwendung passt das HTML der Website an, optimiert deren Funktionalität und Verhalten für Bildschirmleseprogramme, die von blinden Nutzern verwendet werden, sowie für Tastaturfunktionen, die von Personen mit motorischen Beeinträchtigungen genutzt werden.

          Falls Sie eine Fehlfunktion feststellen oder Verbesserungsvorschläge haben, freuen wir uns über Ihre Rückmeldung. Sie können die Betreiber der Website unter folgender E-Mail-Adresse kontaktieren:

          Bildschirmlesegeräte und Tastaturnavigation

          Unsere Website implementiert die ARIA-Attribute (Accessible Rich Internet Applications) zusammen mit verschiedenen Verhaltensänderungen, um sicherzustellen, dass blinde Nutzer mit Bildschirmlesegeräten die Funktionen der Website lesen, verstehen und nutzen können. Sobald ein Benutzer mit einem Bildschirmlesegerät die Website betritt, erhält er sofort eine Aufforderung, das Profil für Bildschirmlesegeräte zu aktivieren, um die Website effektiv zu durchsuchen und zu bedienen. Hier ist, wie unsere Website einige der wichtigsten Anforderungen für Bildschirmlesegeräte erfüllt, zusammen mit Konsolenscreenshots von Codebeispielen:

          1. Optimierung für Bildschirmlesegeräte: Wir führen einen Hintergrundprozess aus, der die Komponenten der Website von oben nach unten analysiert, um eine kontinuierliche Konformität auch bei Updates der Website sicherzustellen. Dabei stellen wir Bildschirmlesegeräten relevante Daten mit Hilfe des ARIA-Attributsatzes bereit. Beispielsweise bieten wir genaue Formularbeschriftungen; Beschreibungen für interaktive Symbole (z. B. Symbole für soziale Medien, Suchsymbole, Warenkorbsymbole usw.); Validierungsanleitungen für Formulareingaben; und Elementrollen wie Buttons, Menüs, modale Dialoge (Popups) und andere. Der Hintergrundprozess scannt zudem alle Bilder der Website und liefert eine genaue, bedeutungsvolle Beschreibung auf Basis der Bildobjekterkennung als ALT-Tag (Alternativtext) für nicht beschriebene Bilder. Er extrahiert auch Texte, die innerhalb von Bildern eingebettet sind, mit einer OCR-Technologie (optische Zeichenerkennung). Bildschirmleseanpassungen können jederzeit durch die Tastenkombination Alt+1 aktiviert werden. Nutzer von Bildschirmlesegeräten erhalten zudem automatische Hinweise, den Bildschirmlesemodus beim Betreten der Website zu aktivieren.

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

          2. Optimierung der Tastaturnavigation: Der Hintergrundprozess passt auch das HTML der Website an und fügt verschiedene Verhaltensweisen mit JavaScript-Code hinzu, um die Website mit der Tastatur bedienbar zu machen. Dazu gehört die Navigation auf der Website mit den Tasten Tab und Shift+Tab, die Bedienung von Dropdown-Menüs mit den Pfeiltasten, das Schließen mit Esc, das Auslösen von Buttons und Links mit der Enter-Taste, die Navigation zwischen Radio- und Checkbox-Elementen mit den Pfeiltasten und deren Aktivierung mit der Leertaste oder der Enter-Taste. Zusätzlich finden Tastaturnutzer Schnellnavigations- und Inhaltsüberspringmenüs, die jederzeit durch Drücken von Alt+1 verfügbar sind oder als erste Elemente der Website bei der Tastaturnavigation erscheinen. Der Hintergrundprozess steuert auch ausgelöste Popups, indem er den Tastaturfokus sofort darauf verlagert, sobald sie erscheinen, und verhindert, dass der Fokus außerhalb des Popups abdriftet.

            Benutzer können auch Tastenkombinationen wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Buttons) und „G“ (Grafiken) verwenden, um zu bestimmten Elementen zu springen.

          Unterstützte Benutzerprofile auf unserer Website

          • Epilepsie-sicherer Modus: Dieser Modus ermöglicht es Menschen mit Epilepsie, die Website sicher zu nutzen, indem er das Risiko von Anfällen durch blinkende Animationen und riskante Farbkombinationen eliminiert.
          • Modus für Sehbehinderte: Dieser Modus passt die Website an die Bedürfnisse von Nutzern mit Sehbehinderungen wie Sehverschlechterung, Tunnelblick, Katarakt, Glaukom und anderen an.
          • Modus für kognitive Beeinträchtigungen: Dieser Modus bietet verschiedene unterstützende Optionen, um Nutzern mit kognitiven Beeinträchtigungen wie Dyslexie, 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 neuroentwicklungsbedingten Störungen, die Hauptbestandteile der Website einfacher zu lesen, zu durchsuchen und sich darauf zu konzentrieren, während Ablenkungen erheblich reduziert werden.
          • Modus für Blinde: Dieser Modus konfiguriert die Website so, dass sie mit Bildschirmlesegeräten wie JAWS, NVDA, VoiceOver und TalkBack kompatibel ist. Ein Bildschirmlesegerät ist eine Software für blinde Nutzer, die auf Computern und Smartphones installiert ist, und Websites müssen damit kompatibel sein.
          • Tastaturnavigationsprofil (Motorisch beeinträchtigt): Dieses Profil ermöglicht motorisch beeinträchtigten Personen die Bedienung der Website mit den Tasten Tab, Shift+Tab und Enter. Nutzer können auch Tastenkombinationen wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Buttons) und „G“ (Grafiken) verwenden, um zu bestimmten Elementen zu springen.

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

          1. Schriftanpassungen: Nutzer können die Größe der Schrift erhöhen und verringern, die Schriftfamilie (Typ) ändern, den Abstand, die Ausrichtung, die Zeilenhöhe und mehr anpassen.
          2. Farbkontraste: Nutzer können verschiedene Farbkontrastprofile wie hell, dunkel, invertiert und monochrom auswählen. Zusätzlich können Nutzer Farbschemata von Titeln, Texten und Hintergründen mit über sieben verschiedenen Farbmöglichkeiten austauschen.
          3. Animationen: Personen mit Epilepsie können alle laufenden Animationen mit einem Klick stoppen. Zu den vom Interface gesteuerten Animationen gehören Videos, GIFs und CSS-Übergänge.
          4. Hervorhebung von Inhalten: Nutzer können wichtige Elemente wie Links und Titel hervorheben. Sie können auch wählen, nur fokussierte oder gehoverte Elemente hervorzuheben.
          5. Audio-Stummschaltung: Nutzer mit Hörgeräten können Kopfschmerzen oder andere Probleme durch automatisch abgespielte Audios erleben. Diese Option ermöglicht es Nutzern, die gesamte Website sofort stummzuschalten.
          6. Kognitive Störungen: Wir nutzen eine Suchmaschine, die mit Wikipedia und Wiktionary verknüpft ist, damit Menschen mit kognitiven Störungen die Bedeutungen von Phrasen, Abkürzungen, Slang und mehr entschlüsseln können.
          7. Zusätzliche Funktionen: Wir bieten Nutzern die Möglichkeit, die Cursorfarbe und -größe zu ändern, einen Druckmodus zu aktivieren, eine virtuelle Tastatur zu nutzen und viele weitere Funktionen.

          Kompatibilität mit Browsern und unterstützenden Technologien

          Wir streben an, die größtmögliche Anzahl von Browsern und unterstützenden Technologien zu unterstützen, damit unsere Nutzer die am besten geeigneten Tools mit möglichst wenigen Einschränkungen wählen können. Daher haben wir hart daran gearbeitet, alle wichtigen Systeme zu unterstützen, die über 95 % des Marktanteils ausmachen, einschließlich Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge sowie JAWS und NVDA (Bildschirmlesegeräte).