Jetzt kostenfreie Erstberatung vereinbaren
Du hast Fragen oder ein Projekt im Kopf?
Buche dir hier einfach direkt dein kostenfreies Erstgespräch mit mir.
Ich freue mich auf dich!
Du hast Fragen oder ein Projekt im Kopf?
Buche dir hier einfach direkt dein kostenfreies Erstgespräch mit mir.
Ich freue mich auf dich!
Designstudio Miriam Müller
Konformitätsstatus
Um dies zu erreichen, streben wir an, die Richtlinien für barrierefreie Webinhalte 2.1 (WCAG 2.1) des World Wide Web Consortium (W3C) auf der Stufe AA so streng 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 Beeinträchtigungen, 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 sie an ihre persönlichen Bedürfnisse anzupassen.
Darüber hinaus nutzt die Website eine KI-basierte Anwendung, die im Hintergrund läuft und die Barrierefreiheit der Website kontinuierlich optimiert. Diese Anwendung korrigiert den HTML-Code der Website und passt ihre Funktionalität und ihr Verhalten an Bildschirmlesegeräte 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 Rückmeldung. Sie können sich über die folgende E-Mail-Adresse kontakt@webdesign-miriam.de an die Betreiber der Website wenden.
Unsere Website nutzt die ARIA-Attribute (Accessible Rich Internet Applications) sowie verschiedene Verhaltensänderungen, um sicherzustellen, dass blinde Nutzer, die mit Screenreadern auf die Website zugreifen, 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 einzugeben, damit er Ihre Website effektiv durchsuchen und bedienen kann. Hier erfahren Sie, wie unsere Website einige der wichtigsten Anforderungen an Screenreader erfüllt, zusammen mit Konsolen-Screenshots von Code-Beispielen:
Optimierung für Screenreader: Wir führen einen Hintergrundprozess durch, der die Komponenten der Website von oben nach unten erfasst, um auch bei Aktualisierungen der Website eine 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 Formularbeschriftungen, Beschreibungen für bedienbare Symbole (Social-Media-Symbole, Suchsymbole, Warenkorb-Symbole usw.), Validierungshinweise für Formulareingaben, 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. Screenreader-Benutzer erhalten außerdem automatische Ansagen, um den Screenreader-Modus zu aktivieren, sobald sie die Website aufrufen.
Diese Anpassungen sind mit allen gängigen Screenreadern kompatibel, einschließlich JAWS und NVDA.
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 Tasten Tab und Umschalt+Tab durch die Website zu navigieren, Dropdown-Menüs mit den Pfeiltasten zu bedienen, sie mit Esc zu schließen, Schaltflächen und Links mit der Eingabetaste zu aktivieren, mit den Pfeiltasten zwischen Radio- und Kontrollkästchenelementen zu navigieren und sie 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.
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 intensiv daran gearbeitet, alle wichtigen Systeme zu unterstützen, die über 95 % des Nutzeranteils ausmachen, darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge sowie JAWS und NVDA (Bildschirmleseprogramme).
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, gerade barrierefrei gestaltet werden oder noch keine geeignete technische Lösung für ihre Barrierefreiheit vorhanden ist. Dennoch verbessern wir kontinuierlich unsere Barrierefreiheit, indem wir Optionen und Funktionen hinzufügen, aktualisieren und verbessern sowie neue Technologien entwickeln und einsetzen. All dies dient dazu, ein optimales Maß an Barrierefreiheit zu erreichen und mit den technologischen Fortschritten Schritt zu halten. Wenn Sie Hilfe benötigen, wenden Sie sich bitte an kontakt@webdesign-miriam.de.