Anfang 2021 Erstellten wir für den Kunden Turo-Sushi den ersten eigenen Webshop. Seitdem betreuen wir die Content Erstellung und Pflege der Website. Gerade im Bereich der Lebensmittelindustrie herrscht ein starker Wettbewerb im Online Marketing, daher sind die fachgerechte Umsetzung spezieller SEO Texte sowie die internen Verbindungen eine große Herausforderung. Die OnPage Optimierungsmaßnahmen kreieren ein stabiles Fundament und unterstützen bereits vorhandene Rankins als auch Neu-Indexierungen in den Google Suchergebnissen.
Ob es sich bei Ihrem Web-Projekt um eine kleinere Business-Website (statische Website) für Ihr Start-Up handelt, die Bearbeitung und Wartung einer vorhandenen Website oder um die Erstellung und Einbindung in ein komfortables Content-Management-System wie z.b. in WordPress (dynamische Website). Wir erstellen, begleiten und setzen Ihr Web-Projekt vom ersten mockup bis zur Schulung Ihrer Mitarbeiter um.
Taheri Create
Erklärung zur Zugänglichkeit
taheri-create.de November 22, 2024
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 den jeweiligen Umständen und Fähigkeiten.
Um dies zu erreichen, bemühen wir uns, die Zugänglichkeitsrichtlinien für Webinhalte 2.1 (WCAG 2.1) des World Wide Web Consortium (W3C) auf der Stufe AA so streng wie möglich einzuhalten.
In diesen Leitlinien 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 zugänglich ist für alle Menschen zugänglich ist: Blinde, Menschen mit motorischen Beeinträchtigungen, Sehbehinderungen, kognitiven Behinderungen und mehr.
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 Personen mit bestimmten
Behinderungen die Möglichkeit bietet, die UI (Benutzeroberfläche) 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, passt die Funktionalität und das Verhalten der Website 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 kassra@taheri-create.de
Bildschirmleser und Tastaturnavigation
Unsere Website implementiert die ARIA-Attribute (Accessible Rich Internet Applications) sowie verschiedene Verhaltensänderungen, um sicherzustellen, dass blinde Benutzer, die mit Bildschirmlesegeräten 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 zur Eingabe des Screen-Reader-Profils, damit er Ihre Website effektiv durchsuchen und bedienen kann. Hier sehen Sie, wie unsere Website einige der wichtigsten Screen-Reader-Anforderungen abdeckt, zusammen mit Konsolen-Screenshots von Code-Beispielen:
Screen-Reader-Optimierung: Wir führen einen Hintergrundprozess durch, der die Komponenten der Website von oben nach unten lernt, um eine kontinuierliche Konformität zu gewährleisten, auch wenn die Website aktualisiert wird.
In diesem Prozess stellen wir Screenreadern sinnvolle Daten zur Verfügung, indem wir die ARIA-Attribute verwenden. Wir stellen zum Beispiel genaue Formularbeschriftungen bereit;
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. Darüber hinaus scannt der Hintergrundprozess alle Bilder der Website und liefert eine genaue und aussagekräftige, auf der Erkennung von Bildobjekten basierende Beschreibung als ALT-Tag (alternativer Text) für Bilder, die nicht beschrieben sind. Außerdem werden Texte, die in das Bild eingebettet sind, mithilfe einer OCR-Technologie (optische Zeichenerkennung) extrahiert.
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 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 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 von ihnen abweicht.
Die Benutzer können auch Shortcuts 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
Epilepsie-Sicherheitsmodus: Dieses Profil ermöglicht Menschen mit Epilepsie die sichere Nutzung der Website, indem es das Risiko von Anfällen, die durch blinkende oder blitzende Animationen und riskante Farbkombinationen entstehen, ausschließt.
Sehbehindertenmodus: Dieser Modus passt die Website an die Bedürfnisse von Nutzern mit Sehbehinderungen wie nachlassender Sehkraft, Tunnelblick, Katarakt, Glaukom und anderen an.
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.
Blindenfreundlicher Modus: In diesem Modus wird die Website so konfiguriert, dass sie mit Bildschirmleseprogrammen 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 UI-, Design- und Lesbarkeitsanpassungen
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 anpassen.
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 7 verschiedenen Farboptionen austauschen.
Animationen - Epileptiker 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.
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.
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.
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.
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
Wir sind bestrebt, 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 uns sehr bemüht, 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 (Bildschirmlesegeräte), sowohl für Windows- als auch für MAC-Nutzer.
Anmerkungen, Kommentare und Feedback
Trotz unserer Bemühungen, jedem die Möglichkeit zu geben, die Website an seine Bedürfnisse anzupassen, kann es 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 neue 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 kassra@taheri-create.de
Schreiben Sie mir eine kurze Nachricht und ich melde mich kostenfrei und unverbindlich bei Ihnen für ein Beratungsgespräch. Wenn Ihnen mein Angebot nicht zusagt, können Sie sich immernoch anderweitig umsehen.