SEO und SEA Konzepte in Webprojekten

Konformitätsstatus

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

Um dies zu erreichen, halten wir uns so strikt wie möglich an die Web Content Accessibility Guidelines 2.1 (WCAG 2.1) des World Wide Web Consortiums (W3C) auf AA-Niveau. Diese Richtlinien erläutern, wie Webinhalte für Menschen mit unterschiedlichsten 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, Seh- und kognitiven Einschränkungen und mehr.

Diese Website nutzt verschiedene Technologien, um sie jederzeit so barrierefrei wie möglich zu gestalten. Wir verwenden eine barrierefreie Schnittstelle, die es Menschen mit bestimmten Behinderungen ermöglicht, die Benutzeroberfläche der Website anzupassen und 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 kontinuierlich optimiert. Diese Anwendung korrigiert das HTML der Website und passt ihre Funktionalität und ihr Verhalten an Screenreader blinder Nutzer sowie an Tastaturfunktionen motorisch eingeschränkter Personen an.

Wenn Sie eine Störung feststellen oder Verbesserungsvorschläge haben, freuen wir uns über Ihre Nachricht. Sie erreichen die Betreiber der Website unter folgender E-Mail-Adresse:

info@locello.com

Bildschirmleseprogramm und Tastaturnavigation

Unsere Website implementiert die ARIA-Attribute (Accessible Rich Internet Applications) sowie verschiedene Verhaltensänderungen, um sicherzustellen, dass blinde Nutzer mit Screenreadern die Website lesen, verstehen und ihre Funktionen nutzen können. Sobald ein Nutzer mit einem Screenreader Ihre Website betritt, wird er sofort aufgefordert, sein Screenreader-Profil einzugeben, um Ihre Website effektiv nutzen zu können. Hier erfahren Sie, wie unsere Website einige der wichtigsten Screenreader-Anforderungen erfüllt und Konsolen-Screenshots mit Codebeispielen enthält:

1. Screenreader-Optimierung: Wir führen einen Hintergrundprozess aus, der die Website-Komponenten von Grund auf lernt, um auch bei Website-Updates die fortlaufende Konformität zu gewährleisten. Dabei stellen wir Screenreadern mithilfe des ARIA-Attributsatzes aussagekräftige Daten zur Verfügung. Beispielsweise liefern wir präzise Formularbeschriftungen, Beschreibungen für aktionsrelevante Symbole (Social-Media-Symbole, Suchsymbole, Warenkorbsymbole usw.), Validierungshinweise für Formulareingaben und Elementrollen wie Schaltflächen, Menüs, modale Dialoge (Popups) und mehr. Zusätzlich scannt der Hintergrundprozess alle Bilder der Website und liefert eine präzise und aussagekräftige Beschreibung auf Basis der Bildobjekterkennung als ALT-Tag (Alternativtext) für unbeschriebene Bilder. Mithilfe einer OCR-Technologie (optische Zeichenerkennung) extrahiert er außerdem im Bild eingebettete Texte. Um die Screenreader-Anpassungen jederzeit zu aktivieren, drücken Nutzer lediglich die Tastenkombination Alt+1. Screenreader-Nutzer erhalten außerdem automatische Hinweise, den Screenreader-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 außerdem das HTML der Website an und fügt mithilfe von JavaScript-Code verschiedene Funktionen hinzu, um die Tastaturbedienbarkeit der Website zu ermöglichen. Dazu gehört die Möglichkeit, mit Tabulator 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 auszulösen, mit den Pfeiltasten zwischen Optionsfeldern und Kontrollkästchen zu navigieren und diese mit der Leertaste oder der Eingabetaste auszufüllen. Tastaturbenutzer finden außerdem Schnellnavigations- und Inhaltsüberspringmenüs, die jederzeit mit Alt+1 oder als erstes Element der Website während der Tastaturnavigation verfügbar sind. Der Hintergrundprozess verarbeitet auch ausgelöste Popups, indem er den Tastaturfokus auf diese verschiebt, sobald sie erscheinen, und verhindert, dass der Fokus davon abdriftet.

   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 oder blitzende Animationen und riskante Farbkombinationen eliminiert.
• Modus für Sehbehinderte: Dieser Modus passt die Website an die Benutzerfreundlichkeit für Benutzer mit Sehbehinderungen wie nachlassender Sehkraft, Tunnelblick, Katarakt, Glaukom und anderen an.
• Modus für kognitive Behinderung: Dieser Modus bietet verschiedene unterstützende Optionen, 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: Dieser Modus hilft Benutzern mit ADHS und neurologischen Entwicklungsstörungen, leichter zu lesen, zu surfen und sich auf die wichtigsten Website-Elemente zu konzentrieren, während Ablenkungen deutlich reduziert werden.
• Blindenmodus: 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 Nutzer, die auf einem Computer und Smartphone installiert wird. Websites müssen damit kompatibel sein.
• Tastaturnavigationsprofil (motorisch eingeschränkt): Dieses Profil ermöglicht motorisch eingeschränkten Personen die Bedienung der Website mit den Tasten Tab, Umschalt+Tab und Eingabe. Nutzer können außerdem 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. Schriftartanpassungen – Benutzer können die Größe vergrößern und verkleinern, die Familie (Art) ändern, den Abstand, die Ausrichtung, die Zeilenhöhe und mehr anpassen.
2. Farbanpassungen – 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 ändern.
3. Animationen – Epileptiker können alle laufenden Animationen per Knopfdruck stoppen. Zu den über die Benutzeroberfläche gesteuerten Animationen gehören Videos, GIFs und blinkende CSS-Übergänge.
4. Inhaltshervorhebung – Benutzer können wichtige Elemente wie Links und Titel hervorheben. Sie können auch festlegen, dass nur fokussierte oder schwebende Elemente hervorgehoben werden.
5. Stummschaltung – Nutzer mit Hörgeräten können aufgrund der automatischen Audiowiedergabe Kopfschmerzen oder andere Probleme bekommen. Mit dieser Option können Nutzer 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 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.

Browser- und Hilfstechnologiekompatibilität

Unser Ziel ist es, eine möglichst große Bandbreite an Browsern und unterstützenden 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 Nutzermarktanteils ausmachen, darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge, JAWS und NVDA (Bildschirmleseprogramme), sowohl für Windows- als auch für MAC-Nutzer.

Notizen, Kommentare und Feedback

Trotz unserer Bemühungen, die Website an die eigenen Bedürfnisse anzupassen, kann es dennoch vorkommen, dass Seiten oder Bereiche nicht vollständig barrierefrei sind, sich im Barrierefreiheitsprozess befinden oder für die keine geeignete technische Lösung vorhanden ist. Wir arbeiten kontinuierlich an der Verbesserung unserer Barrierefreiheit, indem wir Optionen und Funktionen hinzufügen, aktualisieren und verbessern sowie neue Technologien entwickeln und implementieren. All dies dient dazu, die optimale Barrierefreiheit im Einklang mit dem technologischen Fortschritt zu erreichen. Bei Fragen wenden Sie sich bitte an

info@locello.com