Barrierefrei design — inklusiv, nutzerzentriert, rechtssicher

FormWerk gestaltet barrierefreie Websites in Deutschland: WCAG-konforme Interfaces, ARIA-Implementierung, strukturierte Inhalte und responsive, tastaturfreundliche Navigation. Wir beraten zu umsetzbaren Maßnahmen und begleiten Entwicklung & Testing.

Projekt anfragenDatenschutz

Illustration Barrierefrei
Ansprechpartner
A. Neumann
Lead Accessibility Designer

Unsere Prinzipien

  • Wahrnehmbarkeit: klare Struktur, ausreichender Kontrast, skalierbare Schrift.
  • Bedienbarkeit: Fokus-Indikatoren, Tastatursteuerung, klare Interaktionen.
  • Verständlichkeit: einfache Sprache, konsistente Navigation, erklärende Labels.
  • Robustheit: sauberes HTML, ARIA dort wo nötig, WordPress-kompatibel.

Schnelle Bewertung

Checklist (kurz): Strukturierte Headings, Alt-Texte, Formulare mit Labels, Farbkontrast ≥ 4.5:1, Fokus-Reihenfolge.

Leistungen

Kontrast & Typografie

Kontrast & Typografie

Farbpaletten und responsive Typo mit Fokus auf Lesbarkeit.

ARIA & Semantik

ARIA & Semantik

Saubere Struktur, Landmarks und ARIA-Attribute dort, wo nötig.

WordPress Integration

WordPress Integration

Barrierefreie Themes und gut strukturierte CMS-Inhalte.

Praktische Umsetzung

Wir liefern: Accessibility-Audit, Priorisierte Maßnahmenliste, Prototypen, Implementierungsleitfaden für Entwickler, End-2-End-Testing (Screenreader, Tastatur, Kontrasttests).

  • Audit-Bericht (issues & severity)
  • Component-Library mit zugänglichen Komponenten
  • Developer-Handoff & QA-Support

Audit anfragen Referenzen

Tools im Einsatz

  • Screenreader (NVDA, VoiceOver)
  • Automatisierte Tests (axe, pa11y)
  • Kontrast-Checker, Keyboard-Only-Tests
Testing

Häufige Fragen & Antworten

WCAG (Web Content Accessibility Guidelines) definieren konforme Kriterien (A, AA, AAA). Wir zielen in der Regel auf AA für rechtssichere Webauftritte in DE.

Ein zugängliches Theme erleichtert, ersetzt aber nicht semantische Inhalte, ARIA-Attribute und richtiges Markup. Wir prüfen Theme + Templates.

Kombination aus automatischen Scans, manuellen Screenreader-Checks, Keyboard-Only-Navigation und Kontrastanalysen.

Fallstudien & Beispiele

Stadtbibliothek Hessen — Redesign

Ziel: Lesbarkeit & einfache Suche. Ergebnis: +34% Nutzung der Barrierefrei-Funktionen.

Projekt Stadtbibliothek

Klinik-Portal — Informationsarchitektur

Ziel: schnelle Orientierung für Patient:innen. Ergebnis: reduzierte Abbrüche im Buchungsprozess.

Projekt Klinik-Portal