websitepixeldesign

Erklärung zur Barrierefreiheit

Diese Erklärung zur Barrierefreiheit gilt für die unter www.websitepixeldesign.de veröffentlichten Inhalte (einschließlich der verlinkten Referenz-Unterseiten Seka Headphones, Viewpoint, Architektur, Schreinerei, Gumworld, Orson und Ducmac).

Wir – websitepixeldesign, Olaf Kükelheim – sind bemüht, unsere Website im Einklang mit den Vorgaben des Barrierefreiheitsstärkungsgesetzes (BFSG), der Barrierefreie-Informationstechnik-Verordnung (BITV 2.0) sowie der europäischen Norm EN 301 549 (Konformitätsstufe WCAG 2.1 AA) barrierefrei zugänglich zu machen.

1. Geltungsbereich

Diese Erklärung bezieht sich auf sämtliche Inhalte der Domain websitepixeldesign.de einschließlich der Bereiche Intro, Portfolio, Über uns und Kontakt sowie die eingebundenen Projekt-Demoseiten im Verzeichnis /linked sietes/ (Seka, Viewpoint, Architektur, Schreinerei, Gumworld, Orson und Ducmac).

2. Stand der Vereinbarkeit mit den Anforderungen

Die Website ist aufgrund der nachstehend aufgeführten Ausnahmen teilweise vereinbar mit den Anforderungen der WCAG 2.1 Stufe AA / EN 301 549 / BITV 2.0.

3. Umgesetzte Maßnahmen zur Barrierefreiheit

  • Sprunglink „Direkt zum Hauptinhalt" als erstes fokussierbares Element (WCAG 2.4.1).
  • Einheitlicher Tastaturfokus-Ring über :focus-visible auf allen interaktiven Elementen (WCAG 2.4.7, 2.4.11).
  • Kontaktformulare nutzen durchgängig <label for="…">, autocomplete und zugängliche Absende-Buttons (WCAG 1.3.1, 3.3.2).
  • Respektieren von „Bewegung reduzieren": Über prefers-reduced-motion werden GSAP-, ScrollTrigger- und Cursor-Animationen deaktiviert; die Einstellung kann zusätzlich manuell über den Footer-Button Motion gesetzt werden (WCAG 2.3.3, 2.2.2).
  • Abschaltbares Audio-Feedback: Der kurze Ton beim Seitenwechsel kann über den Footer-Button Sound dauerhaft deaktiviert werden; die Einstellung wird im Browser gespeichert (WCAG 1.4.2).
  • Abschaltbarer dekorativer Mauszeiger: Die animierten Cursor-Punkte sind rein dekorativ (aria-hidden="true") und können über den Footer-Button Cursor ausgeblendet werden.
  • Semantische Struktur: <html lang="de">, Landmarks (header, footer, logische Überschriften­hierarchie), aussagekräftige aria-label auf Portfolio-Links und Umschaltern.

4. Nicht oder noch nicht vollständig barrierefreie Inhalte

  • Automatisch abspielende Portfolio-Videos (Headphones, Viewpoint): Die Loops starten ohne Ton; bei aktivierter Einstellung „Motion/Bewegung reduzieren" wird die Wiedergabe jedoch nicht zusätzlich gestoppt (WCAG 2.2.2). Eine Pause-Steuerung wird nachgereicht.
  • Kontrastwerte einzelner Sekundär-/Placeholder-Texte (z. B. opacity: 0.7/0.8-Absätze, Platzhalter in Eingabefeldern) erreichen stellenweise nicht das geforderte Verhältnis von 4,5:1 (WCAG 1.4.3, 1.4.11). Überarbeitung ist vorgesehen.
  • Zoom 400 % (WCAG 1.4.10): Bis 200 % vollständig; bei 400 % kann es in einzelnen Sektionen zu horizontalem Scrollen kommen.
  • Verlinkte Referenz-Unterseiten (Seka, Viewpoint, Architektur, Schreinerei, Gumworld, Orson, Ducmac): Gestalterische Demo-Prototypen, die WCAG 2.1 AA noch nicht durchgehend erfüllen (u. a. Fokus­führung, Kontrastwerte, alt-Texte auf informations­tragenden Grafiken). Sie werden schrittweise überarbeitet.
  • Chart-Animation im Architektur-Ablauf nutzt Farbe zur Phasen­kodierung (WCAG 1.4.1); die Phasenamen werden zusätzlich als Text ausgegeben, eine ergänzende Text­beschreibung neben dem Diagramm ist in Vorbereitung.

Wir arbeiten laufend daran, diese Punkte zu beheben und die volle Vereinbarkeit mit EN 301 549 / WCAG 2.1 AA herzustellen.

5. Datum der Erstellung und letzten Überprüfung

Diese Erklärung wurde am 16. April 2026 erstellt. Sie beruht auf einer Selbst­bewertung nach den Kriterien der EN 301 549 / WCAG 2.1 AA durch den Anbieter.

Letzte Aktualisierung dieser Erklärung: April 2026.

6. Feedback und Kontaktangaben

Sie möchten uns bestehende Barrieren mitteilen oder Informationen zur Umsetzung der Barrierefreiheit erfragen? Über folgende Kontakt­möglichkeiten nehmen wir Ihre Rückmeldung entgegen:

websitepixeldesign
Olaf Kükelheim
Billebrinkhöhe 58
45136 Essen

Telefon: +49 155 63235614
E-Mail: info@websitepixeldesign.de

Wir bemühen uns, Ihre Rückmeldung innerhalb von vier Wochen zu beantworten.

7. Schlichtungsverfahren / Durchsetzungsverfahren

Sollten auch nach Ihrem Feedback an uns Barrieren nicht zufrieden­stellend beseitigt werden, können Sie sich an die Schlichtungsstelle nach § 16 BGG wenden. Die Schlichtungsstelle BGG hat die Aufgabe, Konflikte zwischen Menschen mit Behinderungen und öffentlichen Stellen des Bundes sowie – im Anwendungsbereich des BFSG – zwischen Verbraucher:innen und Wirtschaftsakteuren zu lösen.

Schlichtungsstelle nach dem Behindertengleichstellungsgesetz
bei dem Beauftragten der Bundesregierung für die Belange von Menschen mit Behinderungen
Mauerstraße 53
10117 Berlin

Telefon: +49 (0)30 18 527-2805
E-Mail: info@schlichtungsstelle-bgg.de
Internet: www.schlichtungsstelle-bgg.de

Zusätzlich ist für Verbraucher­angelegenheiten im Rahmen des BFSG die jeweils zuständige Marktüberwachungs­behörde des Bundeslandes zuständig (für Nordrhein-Westfalen: Bezirksregierung Arnsberg).

8. Hinweise zur Bedienung

  • Der Sprunglink „Direkt zum Hauptinhalt" ist der erste Tab-Stopp.
  • Im Footer lassen sich per Tasten­druck Motion, Sound und Cursor aus-/anschalten (Einstellung bleibt pro Browser gespeichert).
  • Die Website kann vollständig mit der Tastatur bedient werden (Tab / Shift+Tab zum Navigieren, Enter / Leertaste zum Aktivieren).
  • Schriftgrößen lassen sich im Browser über Strg/⌘ + „+" vergrößern; das Layout passt sich fluid an (Liquid-Responsive-Design).
  • Animationen werden reduziert, wenn im Betriebssystem „Bewegung reduzieren" aktiviert ist.
  • Das Farbschema basiert auf hohem Kontrast zwischen Schrift und Hintergrund.
ZURÜCK