Lesbar für alle

Für Menschen gemacht. Von Maschinen verstanden.

Web-Design, Barrierefreiheit, KI und GEO als eine Kompetenz. Ihre Website hat vier Leser: Menschen, Screenreader, KI-Assistenten und KI-Agenten. Drei davon sehen Ihr Design nie, sie lesen den Code. Wir bauen für alle vier, auf einem Fundament.

Lesbar-Check anfragen

Die These

Eine Website. Vier Leser.

Für das Auge sind ein sauber und ein schlampig gebauter Inhalt oft nicht zu unterscheiden. Für Screenreader, KI-Assistenten und KI-Agenten liegen Welten dazwischen. Schalten Sie um und erleben Sie den Unterschied.

Eine Website, vier Leser

Physiotherapie Muster

Sportphysiotherapie und Rehabilitation in Zürich-Seefeld. Termine auch am Samstag.

  • Mo–Fr 7–20 Uhr
  • Sa 8–13 Uhr

Fiktives Beispiel. Im Modus «Ohne Semantik» ist die Karte tatsächlich so gebaut: Mit Screenreader oder Tastatur erleben Sie den Unterschied direkt.

Mensch sieht

Für das Auge sieht die Karte immer gleich aus, egal wie sie gebaut ist.

Bild, Titel, Öffnungszeiten, Button: Ein sehender Mensch erfasst die Karte in zwei Sekunden. Ob darunter sauberer Code liegt, sieht niemand. Die anderen drei Leser merken es sofort.

Kontrast
über 10:1, verlangt sind 4,5:1
Button
44 px hoch, WCAG 2.2 verlangt mindestens 24 px
Schrift
14 bis 22 px, klare Hierarchie

Screenreader hört

  1. Überschrift, Ebene 3«Physiotherapie Muster»
  2. Bild«Behandlungsraum mit Therapieliege und Blick auf den Zürichsee»
  3. Text«Sportphysiotherapie und Rehabilitation in Zürich-Seefeld. Termine auch am Samstag.»
  4. Liste, 2 Einträge«Montag bis Freitag, 7 bis 20 Uhr. Samstag, 8 bis 13 Uhr.»
  5. Schaltfläche«Termin buchen»

Alles verständlich. Titel, Bild, Zeiten und Button werden korrekt angesagt.

KI liest

Welche Physio in Zürich hat am Samstag offen?

KI-Assistent · Beispiel

Die Physiotherapie Muster in Zürich-Seefeld bietet Sportphysiotherapie und Rehabilitation an und hat am Samstag von 8 bis 13 Uhr geöffnet. Termine lassen sich online buchen.

physio-muster.ch
Name
✓ Physiotherapie Muster
Art
✓ Physiotherapie (schema.org)
Ort
✓ Zürich-Seefeld
Zeiten
✓ Mo–Fr 7–20, Sa 8–13
Aktion
✓ Termin online buchbar
{
  "@type": "Physiotherapy",
  "name": "Physiotherapie Muster",
  "address": { "addressLocality": "Zürich" },
  "openingHours": ["Mo-Fr 07:00-20:00", "Sa 08:00-13:00"]
}

Agent handelt

Buche mir am Samstag einen Termin bei einer Physio in der Nähe.

  1. LesenÖffnungszeiten: Samstag 8–13 Uhr
  2. FindenSchaltfläche «Termin buchen»
  3. AusfüllenFelder Name, Behandlung, Wunschtermin
  4. ErledigtAnfrage für Samstag, 9 Uhr gesendet
article
  heading "Physiotherapie Muster" level=3
  img "Behandlungsraum mit Therapieliege …"
  paragraph
  list items=2
  button "Termin buchen"

So sieht der Agent die Karte: als Accessibility-Baum, denselben, den auch Screenreader nutzen.

Warum jetzt

Vier Zahlen, ein Auftrag

Stand Oktober 2026. Wer an Kundinnen und Kunden in der EU verkauft, fällt bereits seit dem 28. Juni 2025 unter den European Accessibility Act, auch jeder Onlineshop. Wir beraten technisch, nicht juristisch.

Schichten

Drei von vier Lesern sehen Ihr Design nie.

Eine Website als Explosionszeichnung: oben die Gestaltung, darunter Struktur, Daten und Fundament. Wählen Sie einen Leser und sehen Sie, welche Schichten er tatsächlich liest.

Vier Schichten, vier Leser

Vier übereinanderliegende Schichten einer Website: Gestaltung, Struktur, Daten und Fundament. TYPO3 14Site Package Elementeeigene CTypes TempoCore Web Vitals BetriebUpdates, Hosting { } Organization Service FAQPage LocalBusiness Person llms.txt header · nav h1 · p button img alt="…" articlearticlearticle
  1. Gestaltung

    Was Menschen sehen: Farben, Bilder, Typografie, Layout.

    Gelesen von: Mensch

  2. Struktur

    Was Screenreader und Agenten lesen: Überschriften, Bereiche, Alt-Texte, beschriftete Buttons und Felder.

    Gelesen von: Screenreader, KI-Assistent, KI-Agent

  3. Daten

    Was KI zusätzlich versteht: strukturierte Daten nach schema.org und llms.txt.

    Gelesen von: KI-Assistent, KI-Agent

  4. Fundament

    Was alles trägt: TYPO3, eigene Inhaltselemente, Tempo, Betrieb.

    Gebraucht von: KI-Agent, der schnell und zuverlässig handeln muss

Die Kompetenzen

Einzeln stark

Jede Kompetenz löst für sich ein konkretes Problem. Wählen Sie eine aus und sehen Sie, was dazugehört.

  1. Web-Design

    Websites, die Ihre Marke tragen und Besucher ohne Umwege ans Ziel bringen: UX-Konzept, Designsystem und Umsetzung als TYPO3-Inhaltselemente, mit denen Ihre Redaktion gerne arbeitet.

  2. Barrierefreiheit

    Websites, die alle nutzen können: Audit nach WCAG 2.2 AA, Behebung im Code statt mit einem Overlay, Barrierefreiheitserklärung und Schulung der Redaktion.

  3. KI

    KI, die im Alltag hilft: Vorschläge für Alt-Texte und Leichte Sprache, Website-Assistenten, Automatisierungen und Schnittstellen für KI-Agenten, datenschutzkonform nach Schweizer DSG.

  4. GEO

    Damit ChatGPT, Perplexity und die KI-Übersichten von Google Sie finden und als Quelle nennen: strukturierte Daten, zitierfähige Inhalte, llms.txt und Monitoring Ihrer Sichtbarkeit in KI-Antworten.

Fundament

Kombinationen

Stärker zusammen

Web-Design, Barrierefreiheit, KI und GEO wirken einzeln. Kombiniert bauen sie auf demselben Fundament auf, und fast jede Massnahme hilft mehreren Lesern zugleich. Wählen Sie, was Sie interessiert.

Einzeln · Web-Design

Web-Design

Design, das führt.

Websites, die Ihre Marke tragen und Besucher ohne Umwege ans Ziel bringen. Jede Komponente bauen wir von Anfang an barrierefrei und maschinenlesbar, umgesetzt als TYPO3-Inhaltselemente, mit denen Ihre Redaktion gerne arbeitet.

Leistungen

  • UX-Konzept und Informationsarchitektur
  • UI-Design und Designsystem
  • Prototypen und Tests mit echten Menschen
  • Umsetzung in TYPO3, schnell und wartbar

Beispiel

Ein Designsystem mit 30 Inhaltselementen statt 300 Einzelseiten.

Einstieg

UX-Review: die zehn wichtigsten Verbesserungen Ihrer Website

UX-Review anfragen

Einzeln · Barrierefreiheit

Barrierefreiheit

Offen für alle.

Rund 2 Millionen Menschen in der Schweiz leben mit einer Behinderung. Wir machen Ihre Website für alle nutzbar: nach WCAG 2.2 AA, geprüft mit Screenreader und Tastatur, behoben im Code statt mit einem Overlay.

Leistungen

  • Audit nach WCAG 2.2 AA, automatisch und von Hand
  • Behebung in Template und Inhalten
  • Barrierefreiheitserklärung
  • Schulung der Redaktion

Beispiel

Ein Kontaktformular, das sich vollständig per Tastatur und Screenreader ausfüllen lässt.

Einstieg

Barrierefreiheits-Check: fünf bis zehn Seitentypen, Bericht mit Prioritäten

Barrierefreiheits-Check anfragen

Einzeln · KI

KI-Beratung & Automatisierung

KI, die im Alltag hilft.

Wir finden mit Ihnen heraus, wo KI in Ihrem Unternehmen Zeit spart, bauen einen Prototyp und führen ihn datenschutzkonform nach Schweizer DSG ein.

Leistungen

  • Potenzialanalyse im Workshop
  • Prototypen in wenigen Wochen
  • Assistenten und Automatisierungen
  • Schnittstellen und KI-Agenten, z. B. für bexio, Abacus, HubSpot oder per MCP

Beispiel

Ein Assistent, der Offerten aus den Daten von Buchhaltung und CRM vorbereitet, etwa aus bexio oder HubSpot.

Einstieg

KI-Workshop: drei Abläufe mit dem grössten Nutzen

KI-Workshop anfragen

Einzeln · GEO

GEO · KI-Sichtbarkeit

Gefunden. Auch von KI.

Wo KI-Übersichten erscheinen, klicken deutlich weniger Menschen auf Suchergebnisse. GEO sorgt dafür, dass ChatGPT, Perplexity, Gemini und Google Ihre Inhalte finden, verstehen und als Quelle nennen.

Leistungen

  • GEO-Check in den grossen KI-Assistenten
  • Strukturierte Daten nach schema.org
  • Zitierfähige Inhalte und llms.txt
  • Monitoring der Sichtbarkeit

Beispiel

Ihre Firma als genannte Quelle auf die Frage «Wer macht das in Zürich?»

Einstieg

GEO-Check: wie Ihre Marke heute in KI-Antworten erscheint

GEO-Check anfragen

Paar · Web-Design + Barrierefreiheit

Inklusives Design

Barrierefreiheit beginnt im Entwurf.

Kontraste, Fokuszustände, Schriftgrössen, Bewegung und Klickflächen planen wir ab der ersten Skizze mit. Das kostet weniger als jede Nachbesserung und sieht besser aus.

Leistungen

  • Designsystem mit geprüften Kontrasten
  • Komponenten mit Tastatur- und Fokuslogik
  • Klickflächen nach WCAG 2.2, mindestens 24 × 24 px
  • Option für reduzierte Bewegung

Beispiel

Die flixx-Palette selbst: Jede Textfarbe erreicht mindestens 4,5:1 Kontrast.

Einstieg

Design-Review mit Fokus Barrierefreiheit

Design-Review anfragen

Paar · Web-Design + KI

Intelligente Interfaces

KI-Funktionen, die man gerne benutzt.

Eine Suche, die Fragen versteht. Ein Assistent, der mit Quellen aus Ihren eigenen Inhalten antwortet. Formulare, die mitdenken. Gestaltet so, dass Besucher jederzeit sehen, woher eine Antwort kommt.

Leistungen

  • Semantische Suche
  • Website-Assistent auf Ihren Inhalten
  • Interaktionsdesign für KI: Quellen, Grenzen, Übergabe an Menschen
  • Datenschutz nach DSG

Beispiel

Frage «Wie lange dauert ein Relaunch?», Antwort mit Link auf die Quelle.

Einstieg

KI-Workshop mit Interface-Skizze

KI-Workshop anfragen

Paar · Web-Design + GEO

Architektur für Antworten

Seiten, die Fragen beantworten.

Wir ordnen Inhalte nach den Fragen Ihrer Kunden. Jede Seite beantwortet eine Frage klar, jedes Inhaltselement bringt seine strukturierten Daten gleich mit. So wird Ihre Website zur Quelle, die Suchmaschinen und KI gerne zitieren.

Leistungen

  • Informationsarchitektur nach Kundenfragen
  • TYPO3-Inhaltselemente mit eingebautem schema.org
  • FAQ, Glossar und Vergleiche
  • Schnelle, serverseitig gerenderte Seiten

Beispiel

Ein FAQ-Element, das automatisch strukturierte Daten ausgibt.

Einstieg

GEO-Check mit Strukturanalyse

GEO-Check anfragen

Paar · Barrierefreiheit + KI

KI für Barrierefreiheit

KI macht Barrierefreiheit alltagstauglich.

KI schlägt Alt-Texte, Untertitel, Transkripte und Entwürfe in Leichter Sprache vor. Ihre Redaktion prüft und gibt frei. So bleibt die Website auch nach dem Launch barrierefrei.

Leistungen

  • Alt-Text-Vorschläge im TYPO3-Backend
  • Untertitel und Transkripte
  • Entwürfe in Leichter Sprache, von Menschen geprüft
  • Automatische Prüfung vor jeder Veröffentlichung

Beispiel

Beim Hochladen eines Bildes schlägt TYPO3 einen Alt-Text vor.

Einstieg

Barrierefreiheits-Check

Barrierefreiheits-Check anfragen

Paar · Barrierefreiheit + GEO

Lesbar für Mensch und Maschine

Eine Massnahme, doppelte Wirkung.

Screenreader und KI-Systeme lesen eine Website auf dieselbe Weise: über die Struktur im Code statt über die Optik. Saubere Überschriften, Alt-Texte, sprechende Links und beschriftete Formulare helfen beiden.

Leistungen

  • Semantik-Audit: WCAG und GEO in einem Bericht
  • Überschriften- und Linkstruktur
  • Alt-Texte und Transkripte
  • Strukturierte Daten

Beispiel

«Team von flixx bei einem Workshop in Zürich» statt «IMG_2041.jpg»: verständlich für Screenreader und KI.

Einstieg

Lesbar-Check

Lesbar-Check anfragen

Paar · KI + GEO

KI-Sichtbarkeit steuern

Messen, was KI über Sie sagt.

Wir stellen KI-Assistenten regelmässig die Fragen Ihrer Kunden und werten aus, wen sie nennen und welche Quellen sie zitieren. Daraus entstehen Inhalte, die Lücken schliessen: mit KI recherchiert, mit Fachwissen geschrieben.

Leistungen

  • Monitoring über mehrere KI-Assistenten
  • Vergleich mit dem Wettbewerb
  • Inhaltslücken und Redaktionsplan
  • Monatlicher Bericht

Beispiel

Monatsbericht: In 14 von 40 Kundenfragen werden Sie genannt (Beispielwert).

Einstieg

GEO-Check

GEO-Check anfragen

Dreier · Web-Design + Barrierefreiheit + KI

Barrierefreie KI-Assistenten

Chatbots, die alle bedienen können.

Viele Chat-Fenster sind mit Screenreader und Tastatur kaum nutzbar. Wir gestalten KI-Assistenten mit klarer Sprache, voller Tastatursteuerung und Ansagen für Screenreader.

Leistungen

  • Chat-Oberfläche nach WCAG 2.2
  • Live-Ansagen für Screenreader
  • Einfache Sprache auf Wunsch
  • Übergabe an einen Menschen

Beispiel

Neue Antworten werden vorgelesen, ohne dass der Fokus springt.

Einstieg

KI-Workshop

KI-Workshop anfragen

Dreier · Web-Design + Barrierefreiheit + GEO

Fundament-Relaunch

Struktur zuerst, dann Optik.

Ein Relaunch, der vom ersten Inhaltselement an barrierefrei und maschinenlesbar ist. Gutes Design sitzt obendrauf, statt Schwächen zu überdecken.

Leistungen

  • Inhaltsmodell und Seitenstruktur
  • Barrierefreies Designsystem
  • Strukturierte Daten in jedem Element
  • Abnahme nach WCAG 2.2 AA

Beispiel

Ein TYPO3-Relaunch, bei dem jede Komponente vor dem Design auf Semantik geprüft wird.

Einstieg

Lesbar-Check

Lesbar-Check anfragen

Dreier · Web-Design + KI + GEO

Eine Quelle, viele Antworten

Einmal pflegen, überall richtig.

Ihre Inhalte werden einmal sauber strukturiert und speisen dann alles: Website, Website-Assistent, strukturierte Daten, llms.txt und externe KI-Assistenten. Wer eine Angabe ändert, ändert sie überall.

Leistungen

  • Inhaltsmodell als einzige Quelle
  • Website-Assistent auf denselben Daten
  • schema.org und llms.txt automatisch
  • Schnittstelle für KI-Agenten, z. B. per MCP

Beispiel

Neue Öffnungszeiten in TYPO3: Website, Assistent und strukturierte Daten stimmen sofort.

Einstieg

GEO-Check

GEO-Check anfragen

Dreier · Barrierefreiheit + KI + GEO

Inhalte für alle Leser

Ein Text, viele Fassungen.

Ein Redaktionsablauf, in dem KI jeden Inhalt vorbereitet: Alt-Texte, Zusammenfassung, Leichte Sprache und strukturierte Daten. Ihre Redaktion prüft und veröffentlicht.

Leistungen

  • KI-Werkzeuge im TYPO3-Backend
  • Fassungen in Leichter Sprache
  • Automatische Prüfungen vor Veröffentlichung
  • Schulung der Redaktion

Beispiel

Ein Artikel erscheint mit Zusammenfassung, Fassung in Leichter Sprache und FAQ-Daten.

Einstieg

Lesbar-Check

Lesbar-Check anfragen

Alle vier · Signatur-Angebot

Lesbar für alle

Die Website für alle vier Leser.

Ihre Website wird von Menschen besucht, von Screenreadern vorgelesen, von KI zitiert und von KI-Agenten bedient. Wir bauen sie für alle vier, auf einem Fundament.

Leistungen

  • Lesbar-Check in vier Dimensionen
  • Relaunch oder schrittweiser Massnahmenplan
  • KI-Funktionen und Schnittstellen für Agenten
  • Monitoring von Barrierefreiheit und KI-Sichtbarkeit

Beispiel

Ein KI-Agent bucht für eine Kundin einen Termin, weil Formular und Button sauber beschriftet sind.

Einstieg

Lesbar-Check: vier Werte, eine Prioritätenliste

Lesbar-Check anfragen

FAQ

Gut zu wissen

Die Fragen, die uns zu Barrierefreiheit, KI und GEO am häufigsten gestellt werden.

Was hat Barrierefreiheit mit KI zu tun?

Mehr als man denkt. Screenreader und KI-Systeme lesen Websites über die Struktur im Code: Überschriften, Bildbeschreibungen, Linktexte und beschriftete Formulare. Laut OpenAI nutzt der Agent im Browser ChatGPT Atlas dieselben ARIA-Rollen und -Labels wie Screenreader. Wer barrierefrei baut, macht seine Website damit auch für KI verständlich.

Reicht ein Barrierefreiheits-Plugin?

Nein. Sogenannte Overlays legen eine Schicht über die Website, ändern aber den Code nicht. Screenreader-Nutzende empfinden sie oft als störend, und vor rechtlichen Ansprüchen schützen sie nicht. Wir beheben Barrieren dort, wo sie entstehen: im Template und in den Inhalten.

Kann KI Alt-Texte und Leichte Sprache schreiben?

KI liefert gute Entwürfe und spart viel Zeit. Weil sie den Zusammenhang nicht immer kennt, prüft bei uns ein Mensch jeden Vorschlag vor der Veröffentlichung. Texte in Leichter Sprache sollten zusätzlich von Menschen aus der Zielgruppe geprüft werden.

Was ist eine agent-ready Website?

Eine Website, die KI-Agenten bedienen können. Sie finden Angebote, lesen Preise und Öffnungszeiten und füllen Formulare im Auftrag ihrer Nutzer aus. Die Voraussetzungen sind fast dieselben wie für Barrierefreiheit: beschriftete Elemente, echte Buttons und wichtige Angaben als Text.

Was prüft der Lesbar-Check?

Ihre Website aus Sicht aller vier Leser: Gestaltung und Nutzerführung, Barrierefreiheit nach WCAG 2.2, Sichtbarkeit in KI-Antworten und Bedienbarkeit durch KI-Agenten. Sie erhalten einen Bericht mit einem Wert pro Bereich und einer priorisierten Liste von Massnahmen.

Ich habe nur Budget für ein Thema. Wo fange ich an?

Bei der Struktur. Saubere Überschriften, Beschriftungen und klare Texte verbessern Barrierefreiheit und KI-Sichtbarkeit gleichzeitig. Darum beginnt jedes unserer Projekte dort, egal welches Thema im Vordergrund steht.

Lesbar-Check

Wie lesbar ist Ihre Website?

Lesbar-Check anfragen

JuliaBeratung, Administration