Webseiten, die zu Ihnen passen.

Jede Marke ist einzigartig – und genau so sollte auch ihre Website sein. Wir realisieren maßgeschneiderte, responsive Webseiten, die auf allen Endgeräten überzeugen. Klar im Design, stark in der Funktion, schnell in der Ladezeit.
Und: Barrierefreiheit (A11y) denken wir von Anfang an mit – damit Ihre Inhalte für alle nutzbar sind, Suchmaschinen Sie besser verstehen und rechtliche Anforderungen souverän erfüllt werden.

Warum Barrierefreiheit?

Kein Zusatz, sondern Qualitätsmerkmal. Das bringt’s konkret:

  • Mehr Reichweite: gute Nutzbarkeit für Menschen mit Behinderungen, ältere Nutzer:innen, Mobile & Low-Bandwidth.
  • Mehr Conversion: klare Strukturen, verständliche Formulare, sichere Interaktionen.
  • Besseres SEO & KI-Verständnis: semantisches HTML, saubere Überschriften, strukturierte Daten.
  • Zukunftssicherheit: solide Basis für Rich Results & Answer Engines (AEO), langlebige Komponenten.

Unser A11y-Standard (praxisnah)

Struktur & Semantik

  • Saubere H1–H6-Hierarchie, Landmark-Regions (header, nav, main, footer)
  • Sprechende Linktexte, Skip-Links, sinnvolle Seitentitel
  • aria-* nur dort, wo semantisch nötig

Tastatur & Focus

  • Voll per Tastatur bedienbar, sichtbarer Focus-Ring
  • Dialoge, Menüs, Tabs mit korrekten Rollen/States
  • Keine Focus-Traps, sinnvolle Tab-Reihenfolge

Kontraste & Reflow

  • WCAG 2.2 AA-Kontraste (≥ 4,5:1)
  • Skalierung bis 200 % ohne Funktionsverlust
  • Ausreichende Zeilenabstände, Lesbarkeit

Medien & Alternativen

  • Alt-Texte, Untertitel/Transkripte, Labels
  • Komplexe Grafiken mit Long-Description/Erklärung
  • HTML statt PDF – wenn PDF, dann getaggt

Formulare

  • Eindeutige Labels, aria-describedby für Hilfen
  • Fehlertoleranz & klare Fehlermeldungen
  • Auto-Fill, sinnvolle Defaults

Performance & Sicherheit

  • Core Web Vitals (LCP, CLS, INP) im grünen Bereich
  • DSGVO, CSP & SRI, minimaler Dritt-Code
  • Barrierearme Komponenten-Bibliothek

Orientierung: WCAG 2.2 (mind. Level AA) und BITV – pragmatisch umgesetzt.

Leistungen

  • Individuelles Webdesign – responsive, markengerecht, klar in der UX
  • Barrierefreie Komponenten – Navigation, Formulare, Dialoge, Tabellen, Medien
  • Technische OnPage-Optimierung – semantisches HTML, strukturierte Daten (JSON-LD), saubere @id-Verknüpfung
  • Mehrsprachigkeit – korrekte lang-Attribute & i18n-Routing
  • Privacy & Security by design – DSGVO, Consent-Handling, CSP
  • Schulung & Guidelines – Redaktionsleitfäden für barrierearme Inhalte

Unser Prozess

  1. Kick-off & Ziele: Zielgruppen, Barrieren, KPIs definieren
  2. UX & Content: IA, Navigationswege, klare Sprache
  3. Designsystem: Kontraste, Fokus-Styles, modulare Komponenten
  4. Entwicklung: semantischer Code, CMS-Integration, API-Hooks
  5. A11y-Tests: Tastatur, Screenreader (NVDA/VoiceOver), automatisierte Checks
  6. Launch & Schulung: Redaktions-Guides, Checklisten
  7. Monitoring: Web Vitals, A11y-Regressionen, Iteration

Was wir messen

Aufgabenabschlussrate (z. B. Anfrage, Buchung, Download)

Formular-Fehlerrate ↓, Conversion ↑

Core Web Vitals stabil, A11y-Findings rückläufig

Mini-Checkliste für Ihre Redaktion

  • Jede Seite hat eine H1; H2–H3 logisch verschachtelt
  • Alt-Texte beschreiben Funktion/Inhalt, nicht „Bild von…“
  • Links sagen, wohin sie führen (kein „hier“)
  • Fokus sichtbar, Inhalte nicht nur per Hover zugänglich
  • Tabellen nur für Daten, mit Header-Zuordnung
  • Videos mit Untertiteln oder Transkript
  • PDF nur wenn nötig – sonst HTML

Häufige Fragen – kurz & ehrlich

Macht Barrierefreiheit das Design langweilig?

Nein. Gute A11y heißt Kontraste, Klarheit und sinnvolle Interaktionen – nicht Verzicht auf Ästhetik.

Erhöht das den Aufwand?

Wenn man A11y nachrüstet: ja. Wenn man es von Anfang an plant: effizient – und spart spätere Umbauten.

Reichen automatische Tests?

Für den Einstieg okay. Ohne manuelle Checks (Tastatur, Screenreader, echte Nutzung) bleibt es lückenhaft.