Bewegung ohne Ausweg.
Ein Endlos-Banner, ein Laufband oder eine dekorative Animation kann weiterlaufen, ohne dass dein CSS einen Pausenweg anbietet.
Motion-Kontrolle für WebagenturenJede Schleife braucht
Jede Schleife braucht
einen
Pause-Knopf.
Pausieren. Fortsetzen. Besucher entscheiden lassen. Prüfe CSS-Animationen auf fehlende Pausenwege und Reduced-Motion-Regeln – und dokumentiere das Prüfergebnis für jede Kundenübergabe.
Ohne Konto · Statische CSS-Prüfung einer Seite · Keine automatischen Änderungen an deiner Seite
CSS-Loops pausieren & fortsetzenReduced Motion respektieren
MotionSpec ist ein Prüfwerkzeug für Motion-Barrierefreiheit, gebaut für Webagenturen. Es prüft das CSS einer Live-Seite auf Loops ohne Pausenweg (WCAG 2.2.2, Level A) und auf Bewegung außerhalb eines prefers-reduced-motion-Guards – mit einem Copy-Paste-Fix für jeden Befund. Es liest statisches CSS; Bewegung per JavaScript zur Laufzeit gehört nicht zum Umfang.
65,1 %von 186 messbaren KI-gebauten Apps liefen mit einem Loop, den man nicht pausieren kann96,8 %derselben 186 Apps lieferten ohne Reduced-Motion-Guard aus2 von 186blieben in allen vier Prüfungen ohne BefundKostenlosder erste Check: ohne Konto, ohne Änderungen an deiner Seite
Aus unserer Studie zu 196 KI-generierten Produktiv-Apps (gemessen im Juli 2026, nachgemessen mit der Methode vom September 2026). Methode und offener Datensatz (englisch).
Die Lücke in einer sauberen ÜbergabeSieht fertig aus.
Sieht fertig aus.
Respektiert es weniger Bewegung?
Visuelle QA übersieht leicht Bewegung, die weiterläuft, wenn ein Besucher weniger Bewegung eingestellt hat. Die Frage ist einfach: Was sollte dein Team vor dem nächsten Release prüfen?
Weniger Bewegung, trotzdem ignoriert.
Animationen und Übergänge können aktiv bleiben, obwohl ein Besucher auf seinem Gerät „Bewegung reduzieren“ eingeschaltet hat.
„Wir haben es geprüft“ braucht Kontext.
Ein datierter Nachweis mit URL, Befunden und Grenzen des Scans gibt dem nächsten Team etwas Konkretes an die Hand.
An einer Kundenseite ausprobieren
Sieh, was dein CSS verrät.
Wir scannen die CSS-Motion einer Seite statisch gegen WCAG 2.2.2 (Pause, Stopp, Ausblenden · Level A) und WCAG 2.3.3 (Animation aus Interaktionen) und zeigen Kandidaten mit vorgeschlagenem Fix.
Keine Anmeldung · Nichts wird gespeichert · Kein vollständiges Barrierefreiheits- oder Laufzeit-Audit
Vom Verdacht zum nächsten SchrittFinden.
Finden.
Verstehen.
Erneut prüfen.
01
Eine Live-Seite scannen.
Starte mit einer Kunden-URL. MotionSpec liest das CSS, auf das es zugreifen kann.
02
Die Kandidaten prüfen.
Sieh Selektoren, Ursachen und vorgeschlagene Fixes. Bestätige das Verhalten im Browser.
03
Einen datierten Nachweis behalten.
Übernimm und teste deine Änderungen, prüfe die Seite erneut und nutze einen Report für deine Übergabe.
Sieh das Ergebnis, bevor du kaufstEin Report, mit dem
Ein Report, mit dem
dein Team arbeiten kann.
Der nützliche Teil sind die Details: wo der Kandidat auftritt, warum er markiert wurde und was als Nächstes zu prüfen ist.
- Benannte Selektoren und gruppierte Ursachen
- Vorgeschlagene CSS-Fixes zur Prüfung durch Entwickler
- Prüfdatum, URL und ausdrücklich benannte Grenzen
- Ein Browser-Report, als PDF druckbar
$29 einmalig für eine URL · 14 Tage Rückgabe · Was die Rückgabe abdeckt
Aus einem echten MotionSpec-ReportECHTES PRODUKT
Gebaut für die Kundenbetreuung in AgenturenDie Übergabe endet.
Die Übergabe endet.
Die Kundenseiten ändern sich weiter.
Gib zehn ausgewählten Kunden-Domains einen wiederholbaren Motion-Prüfablauf – mit wöchentlicher Startseiten-Prüfung und datierten Reports.
$249/MonatBis zu 10 Domain-Plätze
Jederzeit kündbar
30-Tage-Zusage für den ersten Monat
Jederzeit kündbar
30-Tage-Zusage für den ersten Monat
Mehr als 50 Seiten? Starte mit zehn ausgewählten Domains. Der Standard-Plan deckt nicht automatisch dein ganzes Portfolio ab.
Gut zu wissen
Klarer Umfang. Klare Antworten.
Was prüft MotionSpec eigentlich?
MotionSpec liest das verlinkte CSS und die Inline-Style-Blöcke einer Seite. Es markiert CSS-Motion-Kandidaten wie Endlos-Loops ohne sichtbaren Pausenweg und fehlende Reduced-Motion-Regeln. Es benennt Kandidaten zur Prüfung; dein Team prüft sie im Kontext.
Behebt es die Website automatisch?
Der kostenlose Check zeigt Kandidaten und vorgeschlagene Fixes. Motion Guard für WordPress kann einen Reduced-Motion-Schutz und optional eine CSS-Steuerung zum Pausieren und Fortsetzen ergänzen, wenn es installiert und aktiviert ist. Testen muss dein Team trotzdem. JavaScript-Motion zur Laufzeit braucht eine eigene Behandlung.
Ist das ein vollständiges Barrierefreiheits-Audit?
Nein. Der Scan deckt bestimmte CSS-Motion-Kriterien und Best Practices ab, zugeordnet zu WCAG 2.2.2 und 2.3.3. Er ist kein vollständiges Barrierefreiheits-Audit und kein Konformitätsurteil. Er bewertet nicht alle Anforderungen an Barrierefreiheit, bescheinigt keine Konformität und prüft keine JavaScript- oder GSAP-Motion zur Laufzeit. Flackernde Inhalte liegen außerhalb des Scans.
Was enthält der Agency-Plan?
Der Agency-Plan kostet $249 pro Monat für bis zu zehn Domain-Plätze, mit wöchentlicher Startseiten-Prüfung, datierten Reports und Entwickler-Werkzeugen mit Schlüssel. Er deckt die Startseiten der ausgewählten Domains ab, keinen Crawl jeder Seite jeder Kundenwebsite.
Wir betreuen mehr als 50 Seiten. Passt das zu uns?
Du kannst mit zehn ausgewählten Kunden-Domains starten, zum Beispiel mit Seiten in aktiver Betreuung. Der Standard-Agency-Plan enthält zehn Plätze. Größere Portfolios brauchen eigene Konditionen; geh nicht davon aus, dass der Standard-Plan alle 50 Seiten abdeckt.
Kann ich ohne Abo starten?
Ja. Der kostenlose Motion‑Check braucht keine Anmeldung. Ein Motion‑Report für eine URL kostet einmalig $29. Den Agency-Plan wählst du, wenn du einen wiederkehrenden Ablauf über ausgewählte Kunden-Domains brauchst.
Verbessert ein pausierter Loop das Google-Ranking?
Eine Pause kann laufende Animationsarbeit stoppen, aber der Effekt auf die Reaktionsfähigkeit hängt von Animation und Gerät ab. Google nutzt viele Ranking-Signale. Ein Pause-Knopf allein garantiert kein besseres Ranking.
Tiefer einsteigen, wenn du willst
Die praktische Motion-Bibliothek.
Der MIT-Core von MotionSpec prüft und kompiliert UI-Animation in KI-generierten Web-Apps. Er enthält 40 geprüfte Motion-Primitive und 302 automatisierte Tests, mit CLI- und MCP-Werkzeugen für Node.js. Ein Reduced-Motion-Fallback und ein Performance-Budget sind standardmäßig aktiv, mit dokumentierten Konfigurationsoptionen und Grenzen. Gehostete Werkzeuge mit Schlüssel für eine Entwickler-Domain: Dev Key, $39/Monat. Entwickler-Werkzeuge ansehen oder den Quellcode prüfen.
Deine nächste Übergabe beginnt hierMach Motion zum Teil
Mach Motion zum Teil
deiner Qualitätsprüfung.
Starte mit einer Kunden-URL. Sieh, was das CSS verrät, und wähle dann, wie viel Nachweis und Nachbetreuung du brauchst.
Keine Anmeldung für den kostenlosen Check. Keine automatischen Änderungen an deiner Seite.