Barrierefreiheitserklärung

1. Mein Anspruch

Diese Website soll bedienbar sein, auch mit Screenreader, allein über die Tastatur oder mit vergrößerter Schrift. Ich richte mich dabei nach den Web Content Accessibility Guidelines (WCAG) 2.1, Konformitätsstufe AA und der Barrierefreie-Informationstechnik-Verordnung (BITV 2.0).

Rechtlicher Rahmen: Als Kleinstunternehmen im Sinne des § 3 Abs. 1 BFSG (weniger als 10 Beschäftigte und höchstens 2 Mio. Euro Jahresumsatz) unterliege ich für Dienstleistungen nicht den Verpflichtungen des Barrierefreiheitsstärkungsgesetzes. Ich setze die Anforderungen dennoch freiwillig um — weil eine Webseite, die nicht alle bedienen können, ihren Zweck verfehlt.

Stand der Umsetzung: Diese Website wurde zuletzt am 22. September 2026 geprüft, als Selbstbewertung mit automatisierten und manuellen Tests, nicht als externe Zertifizierung. Geprüft wurde auf fünf Bildschirmbreiten von 320 bis 1280 Pixeln und in jeder Stufe des Schriftreglers von 70 bis 200 Prozent, jeweils mit und ohne gesetzte Cookie-Entscheidung.

Dabei wurden zwei schwerwiegende Fehler gefunden und behoben. Erstens: Bei 200 Prozent Schriftgröße lief auf schmalen Geräten Text aus dem Bild — also genau in dem Fall, für den der Schriftregler gedacht ist. Ursache war, dass auch Seitenränder, Knopf-Polster und Zierelemente mit der Schriftgröße wuchsen, obwohl sie keinen Text setzen. Zweitens: Auf dieser Seite selbst sprengte das Wort „Barrierefreiheitserklärung" bei 320 Pixeln die Textspalte, sodass jede Zeile rechts abgeschnitten war. Beides war unsichtbar geblieben, weil die üblichen Prüfungen die Scrollbreite des Dokuments messen — und die war korrekt, während der Inhalt trotzdem fehlte.

Ebenfalls behoben: fünf Stellen unter dem geforderten Textkontrast, darunter die Beschreibungen der Projekte auf dem Handy und der Fokusrahmen im Bedienpanel selbst; ein Cookie-Hinweis, dessen Schaltflächen sich bei großer Schrift überlagerten; und die Schaltfläche „Seite vorlesen", die auf Geräten ohne lokale Sprachstimme bedienbar aussah, aber nichts tat. Die Website ist weitgehend konform mit WCAG 2.1 AA; was offen ist, steht in Abschnitt 4.

Sollte Ihnen eine Barriere auffallen, schreiben Sie mir an info@wirtherle-digital.de.

2. Barrierefreiheits-Widget

Um die Nutzung dieser Website für alle zu erleichtern, steht ein Barrierefreiheits-Widget zur Verfügung (unten rechts auf jeder Seite, erreichbar per Tastatur). Es ist unabhängig von der Cookie-Entscheidung verfügbar, und die gewählten Einstellungen bleiben beim Seitenwechsel erhalten.

Schriftgröße

• Vergrößern / Verkleinern — die Schriftgröße der gesamten Seite stufenweise zwischen 70 % und 200 % anpassen

Kontrast & Farbe

• Hoher Kontrast — weiße Schrift auf schwarzem Grund
• Heller Kontrast — schwarze Schrift auf weißem Grund
• Graustufen — alle Farben auf Graustufen reduzieren
• Bilder aus — Bildflächen ausblenden; die Alt-Texte bleiben für Screenreader erhalten

Schrift & Text

• Klare Schrift — auf eine serifenlose Systemschriftart (Arial) umschalten
• Lesehilfe-Schrift — auf eine Schrift mit stärker unterscheidbaren Buchstabenformen wechseln
• Fettdruck — alle Texte fett darstellen
• Linksbündig — zentrierte Textblöcke linksbündig ausrichten
• Zeilenabstand, Wortabstand und Zeichenabstand — einzeln vergrößerbar

Lesen & Navigation

• Links hervorheben — alle Links mit einem farbigen Rahmen markieren
• Großer Cursor — einen vergrößerten Mauszeiger aktivieren
• Leselinie — eine horizontale Hilfslinie einblenden, die dem Mauszeiger und bei Tastaturbedienung dem Fokus folgt
• Lesemaske — alles außerhalb eines Lesebands abdunkeln
• Animationen aus — alle Übergänge, Animationen und das sanfte Scrollen deaktivieren
• Seite vorlesen — den Hauptinhalt vorlesen lassen. Es werden ausschließlich lokal im Gerät installierte Stimmen verwendet, damit kein Text an externe Server übertragen wird. Stehen keine lokalen Stimmen bereit, ist die Funktion deaktiviert.
• Alles zurücksetzen — sämtliche Einstellungen auf den Ausgangszustand bringen

3. Technische Umsetzung

Semantisches HTML

Alle Seiten verwenden semantisch korrektes HTML5 mit ARIA-Attributen zur Unterstützung von Screenreadern. Wichtige Elemente wie Navigation, Hauptinhalt und Footer sind mit entsprechenden Landmark-Rollen versehen.

Tastatur-Navigation

Alle interaktiven Elemente — Navigation, Formulare, Aufklapp-Bereiche, Cookie-Hinweis und das Barrierefreiheits-Widget — sind mit der Tab-Taste erreichbar und zeigen einen sichtbaren Fokus-Indikator. Ausgeblendete Bereiche werden zuverlässig aus der Tab-Reihenfolge genommen, damit der Fokus nicht ins Leere läuft. Jede Seite beginnt mit einem Sprunglink zum Hauptinhalt.

Farben & Kontraste

Die Kontrastverhältnisse sind nicht gegen Weiß gerechnet, sondern gegen den jeweils tatsächlichen Hintergrund: Nebel (#F3F7F7), Papier (#FFFFFF) und Petrol (#16303A). Derselbe Apricot-Ton erreicht auf diesen Gründen sehr unterschiedliche Werte, deshalb gibt es für Text in Akzentfarbe mehrere abgestufte Töne statt einem — einen eigenen auch für Flächen, die mit derselben Farbe getönt sind. Fließtext erreicht mindestens 4,5:1, große Schrift und Bedienelement-Rahmen mindestens 3:1, ebenso in den Hover- und Fokus-Zuständen.

Wo Text über dem Video im Seitenkopf steht, ist der Wert über mehrere Videobilder gemessen und das 2-Perzentil genommen, nicht der schlechteste Einzelpixel: Eine einzelne helle Kachelkante hinter einem Buchstaben sagt nichts über die Lesbarkeit der Zeile. Über alle geprüften Breiten liegt die Überschrift im Seitenkopf damit bei mindestens 6,7:1, die Unterzeile bei mindestens 6,6:1 und der Hinweis auf das KI-Video bei 11,6:1.

Formulare

Alle Eingabefelder haben sichtbare, programmatisch verknüpfte Beschriftungen. Fehler werden sichtbar am betroffenen Feld angezeigt, per aria-invalid ausgezeichnet und Screenreadern angesagt; das Gleiche gilt für Erfolgs- und Netzwerkfehlermeldungen. Die Formulare funktionieren auch ohne JavaScript.

Bewegung

Einblendungen, Übergänge und der pulsierende Statuspunkt werten die Systemeinstellung „Bewegung reduzieren" aus. Unabhängig davon schaltet „Animationen aus" im Widget sämtliche Übergänge und das sanfte Scrollen ab.

Bilder & Medien

Dekorative Bilder erhalten leere Alt-Texte (alt=""). Inhaltliche Bilder werden mit beschreibenden Alt-Attributen versehen.

Schriftarten

Die Schriftarten werden lokal gehostet — es erfolgt keine Verbindung zu externen Servern beim Laden der Schrift.

4. Bekannte Einschränkungen

Diese Punkte sind offen:

• Die Funktion „Lesehilfe-Schrift" greift auf eine im Gerät vorhandene Schrift zurück. Ist keine speziell für Legasthenie entworfene Schrift installiert, wird eine gut unterscheidbare Ersatzschrift verwendet — nicht dasselbe wie eine echte Legasthenie-Schrift.
• „Seite vorlesen" hängt von den im Betriebssystem installierten Sprachstimmen ab. Ohne lokale Stimme steht die Funktion nicht zur Verfügung; das ist bewusst so, damit kein Text an externe Server übertragen wird.
• Die Prüfung erfolgte als Selbstbewertung mit automatisierten und manuellen Tests, nicht als externe Zertifizierung und nicht mit allen am Markt verfügbaren Screenreadern.
• Verlinkte Webseiten von Kunden und Partnern unterliegen deren eigenem Barrierefreiheits-Standard.

Hinweise auf weitere Barrieren sind mir willkommen, gerade zu Dingen, die eine Selbstbewertung nicht findet.

5. Feedback & Kontakt

Sollten Ihnen Barrieren auffallen oder haben Sie Verbesserungsvorschläge, freue ich mich über Ihr Feedback:

Rückmeldungen beantworte ich innerhalb von zwei Werktagen. Wie lange eine Behebung dauert, hängt vom Aufwand ab; ich schreibe Ihnen, was ich vorhabe.