Zugänglichkeit

Informationen zur Barrierefreiheit

Diese Seite beschreibt, wie mypage360.de in Bezug auf digitale Zugänglichkeit aufgebaut ist – welche Grundlagen berücksichtigt wurden, wie wir intern geprüft haben und wie Sie uns eine Rückmeldung geben können.

Umsetzungsstand

WCAG-orientiert umgesetzt und intern geprüft

Diese Website wurde barrierearm und WCAG-orientiert umgesetzt. Grundlage sind semantisches HTML, klare Überschriftenstrukturen, ausreichende Kontraste, sichtbare Fokuszustände, Tastaturbedienbarkeit, sinnvolle Alternativtexte und ein responsives Layout. Die interne Prüfung orientiert sich an den für diese statische Informationsseite relevanten Erfolgskriterien der WCAG 2.2, Stufe A und AA. Eine externe Zertifizierung liegt nicht vor.

Diese Seite ist freiwillig. myPage360 richtet sich als B2B-Angebot an Unternehmen, Selbständige und Freiberufler. Unabhängig von einer gesetzlichen Pflicht berücksichtigen wir Barrierefreiheit, weil klare Struktur, gute Bedienbarkeit und verständliche Inhalte allen Besuchern helfen. Diese Informationen ersetzen keine rechtliche Prüfung und keine externe Barrierefreiheitszertifizierung.
Prüfbericht

Geprüfte WCAG-Kriterien

Die Prüfung orientierte sich an den für diese statische Informationsseite relevanten Erfolgskriterien der WCAG 2.2, Stufe A und AA. Die Prüfung umfasste Quellcode-Analyse, Kontrastberechnungen und manuelle Navigation per Tastatur.

1 – Wahrnehmbar

Kriterium Beschreibung Status
1.1.1 A Nicht-Text-Inhalt – alle Bilder haben sinnvolle Alternativtexte oder alt="" für dekorative Elemente ✓
1.3.1 A Info und Beziehungen – semantisches HTML: <header>, <nav>, <main>, <footer>, <article>, <section>, korrekte Listenstrukturen ✓
1.3.2 A Sinnvolle Reihenfolge – Inhaltsreihenfolge im Quelltext entspricht der visuellen und logischen Lesereihenfolge ✓
1.3.3 A Sensorische Merkmale – keine Verweise ausschließlich auf Form, Farbe oder Position ✓
1.4.1 A Verwendung von Farbe – Informationen werden nie ausschließlich durch Farbe vermittelt ✓
1.4.3 AA Kontrast (Minimum) – alle geprüften Textfarben auf ihren Hintergründen: --ink /#16211d auf Weiß = 16,5:1; --brand-green /#0d7a57 auf Weiß = 5,33:1; --brand-mint /#2fd4a6 auf --dark-bg = 9,85:1; --dark-muted /#7e948c auf Dunkel = 5,78:1 ✓
1.4.4 AA Textgröße anpassen – kein Text wird als Bild gerendert; Zoom bis 200 % ohne Verlust von Inhalt oder Funktion ✓
1.4.5 AA Bilder von Text – kein Text wird als Pixelbild eingebettet ✓
1.4.10 AA Umfluss (Reflow) – responsive Layout ab 320 px Breite ohne horizontales Scrollen ✓
1.4.11 AA Nicht-Text-Kontrast – UI-Elemente (Formularfelder, Buttons, Icons) mit ≥3:1 gegen angrenzende Farben ✓
1.4.12 AA Textabstand – Zeilenhöhe, Buchstaben- und Wortabstand lassen sich per User-Stylesheet anpassen, ohne dass Inhalte abgeschnitten werden ✓
1.4.13 AA Inhalt bei Hover oder Fokus – Tooltips und eingeblendete Inhalte bleiben zugänglich und können geschlossen werden ✓

2 – Bedienbar

Kriterium Beschreibung Status
2.1.1 A Tastatur – alle Funktionen per Tastatur erreichbar; keine maus-exklusiven Interaktionen ✓
2.1.2 A Keine Tastaturfalle – Fokus kann alle Bereiche verlassen ✓
2.4.1 A Blöcke umgehen – Skip-Link „Zum Inhalt springen" auf allen Hauptseiten vorhanden ✓
2.4.2 A Seite mit Titel – alle Seiten haben aussagekräftige, eindeutige <title>-Elemente ✓
2.4.3 A Fokus-Reihenfolge – logische Tab-Reihenfolge entspricht der Leserichtung ✓
2.4.4 A Linkzweck – alle Links sind aus ihrem Text oder dem unmittelbaren Kontext verständlich ✓
2.4.6 AA Überschriften und Beschriftungen – jede Seite hat genau eine <h1>; Hierarchie h1→h2→h3 durchgehend eingehalten ✓
2.4.7 AA Fokus sichtbar – sichtbarer Fokus-Ring auf allen interaktiven Elementen via :focus-visible ✓
2.4.11 AA (WCAG 2.2) Fokusdarstellung – Fokus-Ring ≥3 px, Kontrast gegen angrenzende Farbe: auf hellem Grund --brand-green-dk /#0b6e4f = 6,25:1; auf dunklem Grund --brand-mint = 9,85:1 ✓
2.5.3 A Beschriftung im zugänglichen Namen – sichtbare Beschriftungen sind Bestandteil des zugänglichen Namens ✓
2.5.8 AA (WCAG 2.2) Zielgröße – Tipp-/Klickziele mindestens 24 × 24 CSS-px; Hauptaktionen mindestens 44 × 44 px ✓
2.3.3 AAA Animation aus Interaktionen – prefers-reduced-motion wird in allen animierten Bereichen respektiert (Radar, Partikel, Shimmer, Scroll-Verhalten) ✓

3 – Verständlich

Kriterium Beschreibung Status
3.1.1 A Sprache der Seite – alle Seiten haben lang="de" im <html>-Element ✓
3.2.1 A Bei Fokus – kein unerwarteter Kontextwechsel beim Fokussieren von Elementen ✓
3.2.2 A Bei Eingabe – kein unerwarteter Kontextwechsel beim Ausfüllen von Formularfeldern ✓
3.2.3 AA Konsistente Navigation – Navigation ist auf allen Seiten identisch aufgebaut und in gleicher Reihenfolge ✓
3.3.1 A Fehlererkennung – Formularfehler werden per Text beschrieben; Fehlermeldungen mit role="alert" ✓
3.3.2 A Beschriftungen und Anweisungen – alle Formularfelder haben <label>; Pflichtfelder mit <abbr title="Pflichtfeld">*</abbr> ✓

4 – Robust

Kriterium Beschreibung Status
4.1.1 A Syntaxanalyse – valides HTML5; keine doppelten IDs; korrektes Schließen von Elementen ✓
4.1.2 A Name, Rolle, Wert – interaktive Elemente haben zugängliche Namen (aria-label, aria-labelledby); Landmark-Rollen korrekt gesetzt; dekorative Elemente mit aria-hidden="true" ✓
4.1.3 AA Statusmeldungen – Rückmeldungen des Kontaktformulars per role="alert" für Screenreader zugänglich ✓
Transparenz

Bekannte Einschränkungen

Im Verlauf der Prüfung wurden folgende Punkte identifiziert und behoben:

  • Fokus-Ring-Kontrast (2.4.11 WCAG 2.2): Ursprünglich wurde --brand-mint (#2fd4a6) als Fokusfarbe auf hellen Hintergründen verwendet – Kontrast 1,89:1, unterhalb des Schwellenwerts von 3:1. Behoben: Heller Grund nutzt jetzt --brand-green-dk (#0b6e4f) mit 6,25:1; dunkler Grund weiterhin --brand-mint mit 9,85:1.
Grenzen dieser Prüfung: Vollständige Tests mit assistiver Technologie durch betroffene Nutzerinnen und Nutzer wurden nicht durchgeführt. Die interne Prüfung basiert auf Quellcode-Analyse und manueller Tastaturnavigation – sie ersetzt keine externe Zertifizierung. Sollten Sie mit einem Screenreader oder anderen Hilfsmitteln auf Probleme stoßen, nehmen wir diese Rückmeldung ernst.
Prüfmethodik

Wie wurde geprüft?

  • Manuelle Quellcode-Analyse aller Hauptseiten und Branchen-Landingpages
  • Kontrastberechnung der CSS-Designtokens nach WCAG-Formel (relative Luminanz)
  • Manuelle Tastaturnavigation (Tab, Shift+Tab, Enter, Leertaste, Pfeiltasten)
  • Visuelle Prüfung der Fokus-Ringe auf hellen und dunklen Hintergründen
  • Prüfung der Formularstruktur auf Labels, Fehlermeldungen und ARIA-Attribute
  • Prüfung der Überschriftenhierarchie auf allen Seiten
  • Prüfung des prefers-reduced-motion-Verhaltens
  • Lighthouse Accessibility-Score als ergänzender Anhaltspunkt

Prüfzeitraum: Juli 2026. Geprüfte Version: Beta 1.10.7. Interne Prüfung – keine externe Zertifizierung.

Kontakt

Rückmeldung zur Zugänglichkeit

Wenn Sie auf dieser Website auf eine Barriere stoßen oder etwas nicht zugänglich finden, melden Sie sich bitte. Ich nehme solche Hinweise ernst und reagiere in der Regel innerhalb von 5 Werktagen.

E-Mail kontakt@mypage360.de Kontaktformular Projektanfrage stellen →

Zuständige Marktüberwachungsstelle im Rahmen des BFSG ist die Marktüberwachungsstelle der Länder für die Barrierefreiheit von Produkten und Dienstleistungen (MLBF). Da myPage360 nach aktueller Einschätzung nicht unmittelbar unter das BFSG fällt, wird diese Angabe nur informationshalber genannt. Rückmeldungen zur Zugänglichkeit dieser Website werden unabhängig davon direkt bearbeitet.