CSS-Werkstatt

`css barrierefrei` – Regel für Regel.

Setzen Sie vier konkrete Reparaturen ein. Die Vorschau reagiert sofort und bündelt Ihre Auswahl zu einem CSS-Patch.

01 / Live-Reparaturstrecke

Vier Reparaturen einsetzen, die Wirkung sofort sehen.

Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört die Werkstatt Ihnen.

Reparaturstrecke

0/4

Offene Regel

Die Kontur wird entfernt. Tastaturnutzende verlieren ihre Position.

.action:focus-visible {
  outline: 3px solid #111;
  outline-offset: 3px;
}

Versandkostenfrei ab 40 €. Lieferung in zwei bis drei Werktagen.

Mit Tab fokussieren und reparierte Zustände vergleichen.

Ihre Ausgabe

/* Reparatur auswählen und einsetzen */

02 / Der Unterschied

Muster wiederholen sich projektweit
Entfernte Fokuslinien, Bewegung ohne Alternative und feste Höhen stecken selten in einem Bauteil. Sie tauchen in Buttons, Karten und Formularen zugleich auf.
Der Check findet sie im Kontext
Der Website-Check prüft Ihre Seiten auf fehlende Fokusmarkierungen, Kontrast, versteckte Inhalte und Verhalten bei Zoom – mit den tatsächlich berechneten Styles.
Fundstellen statt Einzelpatch
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt – kostenlos und ohne Installation.

03 / Auf Ihrer Website

Die Werkstatt repariert ein Bauteil. Der Website-Check findet CSS-Barrieren im Kontext Ihrer gerenderten Seiten.