Barrierefreiheit dieser Website

Wir bauen barrierefreie Websites für Kunden. Dann muss die eigene Seite den Anspruch auch einlösen. Diese Seite legt offen, was umgesetzt ist, was noch nicht stimmt, und wie Sie uns ein Problem melden — ohne Formular, ohne Ticketsystem.

Maßstab

Wir orientieren uns an den Web Content Accessibility Guidelines (WCAG) 2.1, Konformitätsstufe AA. Die Umsetzung erfolgt im Quelltext — wir setzen bewusst kein zugeschaltetes Barrierefreiheits-Widget ein. Solche Overlays legen sich über eine unveränderte Seite, statt sie zu reparieren, und stören assistive Technik häufig mehr, als sie helfen.

Was umgesetzt ist

Die folgenden Punkte sind im Quelltext dieser Seite umgesetzt und nachprüfbar:

• Semantische Struktur: echte Überschriftenhierarchie sowie die Landmarks header, nav, main und footer auf jeder Seite.
• Sprunglink: „Zum Inhalt springen" ist das erste fokussierbare Element jeder Seite und setzt den Fokus wirklich in den Hauptinhalt — nicht nur den Bildlauf.
• Tastaturbedienung: Navigation, Mega-Menü, Mobil-Menü, Hell-/Dunkel- und Farbumschalter sind mit der Tastatur bedienbar. Menüs melden ihren Zustand über aria-expanded und schließen mit Esc.
• Sichtbarer Fokus: durchgehender Fokusring, nur bei Tastaturbedienung (:focus-visible), damit Mausklicks nicht unnötig markiert werden.
• Farbkontraste: alle Text- und Fokusfarben sind rechnerisch geprüft — in beiden Modi (hell und dunkel) und über alle drei Farbwelten. Fließtext liegt zwischen 4,5:1 und 19,9:1 (Ziel AA: 4,5:1), Fokusringe zwischen 4,6:1 und 8,6:1 (Ziel: 3:1).
• Bewegung: Einblend-Effekte und Parallaxe sind vollständig in prefers-reduced-motion gekapselt. Wer in seinem System reduzierte Bewegung einstellt, bekommt eine vollständig statische Seite.
• Kein Zwang zur Farbe: Bedeutungen hängen nicht allein an Farbe; Zustände sind zusätzlich benannt oder beschriftet.
• Zoom und Vergrößerung: das Layout ist relativ gesetzt (rem) und bis 200 % ohne horizontales Scrollen nutzbar. Ab 320 px Breite darf kein Text abgeschnitten werden.
• Schriften lokal: alle Schriften liegen auf unserem eigenen Server. Kein Abruf bei Google, damit auch keine Wartezeit und kein Datenabfluss.
• Alternativtexte: informative Bilder haben beschreibende Alternativtexte, rein dekorative sind über aria-hidden von der Sprachausgabe ausgenommen.
• Sprache und Titel: jede Seite ist als deutsch ausgezeichnet (lang="de") und trägt einen eigenen, unterscheidbaren Seitentitel.
• Kein Overlay, kein Cookie-Banner: diese Seite setzt keine Werbe-Cookies und blendet deshalb auch keinen Einwilligungsdialog ein, der die Bedienung mit der Tastatur oder einem Screenreader zusätzlich erschwert. Details in der Datenschutzerklärung.

Bekannte Einschränkungen

Vollständige Barrierefreiheit ist ein Zustand, den man laufend halten muss, kein Häkchen. Diese Punkte kennen wir und arbeiten daran:

• Fokus im Mobil-Menü: das ausgeklappte Menü hält den Tastaturfokus noch nicht vollständig fest, und nach dem Schließen springt der Fokus nicht garantiert auf die Menü-Schaltfläche zurück. Bedienbar ist es, angenehm noch nicht.
• Eingebundene Fremdinhalte: Formulare, Videos und Zahlungsseiten anderer Anbieter (unter anderem Deftform und Digistore24) liegen außerhalb unseres Quelltextes. Wir können deren Barrierefreiheit nicht garantieren. Wenn Ihnen dort etwas im Weg steht: melden Sie sich, wir nehmen Ihre Anfrage dann direkt per E-Mail oder Telefon auf.
• Demo- und Vorlagenseiten: die Entwürfe unter /vorlagen zeigen gestalterische Richtungen und bringen eigenes Styling mit. Sie durchlaufen die oben beschriebene Prüfung nicht in gleicher Tiefe. Für ausgelieferte Kundenprojekte gilt der volle Maßstab.
• Ältere Blogbeiträge: in Beiträgen aus der Anfangszeit können Alternativtexte knapper ausfallen als heute.
• Keine externe Prüfung: die Angaben oben beruhen auf eigenen Messungen und Tests, nicht auf einem Audit durch eine unabhängige Prüfstelle. Ein Test mit Nutzerinnen und Nutzern assistiver Technik hat bislang nicht stattgefunden.

Barriere melden

Wenn Ihnen auf dieser Website etwas den Weg versperrt — eine Stelle, die Ihr Screenreader überspringt, ein Kontrast, der nicht reicht, eine Schaltfläche, die die Tastatur nicht erreicht — dann schreiben Sie uns bitte. Sie brauchen keine Fachbegriffe: „Ich komme auf der Kontaktseite mit der Tastatur nicht weiter" genügt vollkommen.

Carlo Krämer · CarloMedia
E-Mail: mail@carlokraemer.de
Telefon: +49 152 248 758 37

Wir bestätigen Ihre Meldung innerhalb von fünf Werktagen und nennen dabei, ob und bis wann wir die Stelle beheben können. Solange etwas nicht behoben ist, stellen wir Ihnen die benötigte Information auf einem anderen Weg zur Verfügung — telefonisch oder als einfache Textdatei.

Wenn Sie mit unserer Antwort nicht zufrieden sind

Kommen wir zu keiner Lösung, können Sie sich an die Marktüberwachungsstelle der Länder für die Barrierefreiheit von Produkten und Dienstleistungen (MLBF) wenden, die die Einhaltung des BFSG überwacht. Eine Schlichtung nach § 16 BGG steht darüber hinaus gegenüber öffentlichen Stellen offen — für private Anbieter wie uns ist zunächst der Weg über die Marktüberwachung vorgesehen.

Wie wir das prüfen

Vor jeder Veröffentlichung laufen bei uns feste Prüfungen: alle Seiten bei 375 px und 320 px Breite gegen horizontales Scrollen, eine Prüfung aller Bildverweise gegen fehlende oder verzerrte Bilder, und eine Berechnung der Farbkontraste über beide Modi und alle Farbwelten. Diese Seite wird aktualisiert, sobald sich an den oben genannten Punkten etwas ändert.

Sie wollen wissen, ob Ihre eigene Website den Anforderungen genügt? Wir prüfen sie und sagen Ihnen, was zu tun ist: Barrierefreie Website oder direkt über die Kontaktseite.

Stand: 3. August 2026