Teilen & Badges

AllyProof hat fünf öffentliche Flächen, auf die Sie Kunden, Stakeholder oder Prüfer verweisen können – geteilte Scan-Berichte, einbettbare Badges, eine Live-Verifikationskarte, das Accessibility Seal und eine optionale Anbieter-Portfolio-Verzeichnisseite. Dazu zwei Exporte, um KI-Coding-Agenten zu füttern (Sammel-Datei und Prompt pro Problem).

Geteilter Scan-Bericht

Eine schreibgeschützte, öffentliche Ansicht des neuesten Scans einer Website, ohne Anmeldung. Nützlich für Status-Updates an Kunden, die kein Konto benötigen.

  • Generieren Sie ihn im Overview-Tab der Website-Detailseite → Bericht teilen. Ein Token wird erstellt und die öffentliche URL für Sie kopiert.
  • URL-Format: https://allyproof.com/report/<token>
  • Standardablauf ist 30 Tage. Jederzeit vom selben Bildschirm widerrufbar – der Link löst sich sofort nicht mehr auf.
  • Zeigt: Score, Schweregrad-Aufschlüsselung, wichtigste Verstöße, Anzahl betroffener Seiten. Verbirgt: Team-Identitäten, interne Kommentare, Advisory-Elemente und alles, wozu der Betrachter normalerweise keinen Zugriff hat.

Einbettbares Badge

Ein Live-SVG-Badge, das den aktuellen Score der Website zeigt, sicher einbettbar in eine Marketing-Website oder Fußzeile. Das Bild aktualisiert sich nach jedem Scan.

<a href="https://allyproof.com/verify/<SITE_ID>">
  <img
    src="https://allyproof.com/badge/<SITE_ID>"
    alt="Barrierefreiheits-Score – AllyProof verifiziert"
  />
</a>

Das Link-Ziel (/verify/<SITE_ID>) öffnet eine kompakte Verifikationskarte mit dem Live-Score, der Notenbuchstabe, der Schweregrad-Aufschlüsselung und dem Datum des letzten Scans. Das Badge selbst akzeptiert ?theme=dark für dunkle Hintergründe (hell ist der Standard). Eine noch nie gescannte Website liefert für das Badge-Bild 404 – binden Sie es nicht fest ein, bevor der erste Scan abgeschlossen ist.

Accessibility Seal

Das Seal ist eine öffentliche Aussage mit höherem Vertrauensniveau: eine Verifikationsseite, die bestätigt, dass eine Website einen kürzlichen AllyProof-Scan bestanden hat, ohne kritische oder schwerwiegende Verstöße. Konzipiert für Websites, die Konformität öffentlich machen wollen, nicht nur einen laufenden Score anzeigen.

  • Verwalten Sie es im Overview-Tab der Website-Detailseite → Abschnitt Accessibility Seal. Seal aktivieren/deaktivieren, Einbettungscode kopieren und Live-Berechtigung einsehen.
  • Die Verifikationsseite liegt unter /seal/verify/<TOKEN>. Bei jedem Laden wird die Berechtigung neu geprüft:
    • Berechtigt, wenn die Website verifiziert ist, ein Scan jünger als 60 Tage ist, keine kritischen oder schwerwiegenden Verstöße vorliegen, der Plan das Seal unterstützt und der Owner es nicht deaktiviert hat.
    • Veraltet, wenn der letzte Scan zu alt ist – erneut scannen, um zu aktualisieren.
    • Probleme erkannt, wenn neue kritische oder schwerwiegende Verstöße auftauchen – das Badge wechselt zu "Erneute Verifikation ausstehend", bis sie behoben sind.
  • Die Verifikationsseite und das SVG selbst zeigen jetzt den Scan-Rhythmus der Website an (z. B. Täglich geprüft, Wöchentlich geprüft), damit ein Besucher erkennt, dass dies laufende Überwachung ist, keine einmalige Momentaufnahme.
  • Erfordert die Accessibility-Seal-Funktion in Ihrem Plan (Agency und Enterprise).

Öffentliche Verifikationskarte

Die Seite /verify/<SITE_ID> ist eine schlanke öffentliche Karte, die Organisationslogo (falls gesetzt), Website-Name, aktuellen Score, Notenbuchstabe und Schweregrad-Aufschlüsselung zeigt. Hierhin verlinkt das einbettbare Badge standardmäßig, aber Sie können die URL auch direkt teilen – kein Token erforderlich, da nur Daten gezeigt werden, die der Website-Owner durch die Verifikation bereits öffentlich gemacht hat.

Anbieter-Portfolioseite

Die Portfolioseite liegt unter /vendors/<ORG_SLUG> und bedient zwei Zielgruppen: Beschaffungsprüfer, die einschätzen wollen, ob Sie Barrierefreiheit ernst nehmen, und Ihre eigenen Marketing-Seiten, die auf eine einzige verlässliche Quelle verlinken.

  • Aktivieren Sie sie unter Einstellungen → Organisation – der Schalter Portfolio-Sichtbarkeit schaltet die Seite ein; ein optionaler einzeiliger Slogan erscheint unter dem Organisationsnamen.
  • Listet jede verifizierte Website der Organisation, jeweils mit aktuellem Score, Datum des letzten Scans und einem WCAG-2.2-AA-Badge.
  • Zeigt bewusst keine Anzahl offener Verstöße – die Beschaffung kann dem Verifikationslink eines Seals zum Live-Stand folgen. Das Portfolio ist ein Verzeichnis, kein Problem-Tracker.

Konformitätszertifikat

Eine einseitige Zusammenfassung, geeignet für interne Dokumentation oder kundenseitigen Nachweis des Status. Enthält Organisationsname und Branding, Website-URL, Scan-Datum, Score und Konformitätsstufe sowie ein ENTWURF-Label. Aus dem Browser als PDF drucken.

Zertifikate sind informell – sie ersetzen kein vollständiges VPAT und keine Prüfung durch Dritte. Nutzen Sie den VPAT-Generator für Beschaffung und formale Compliance-Arbeit.

Für KI-Agent kopieren (pro Problem)

Auf jeder Problem-Detailseite erstellt die Schaltfläche Für KI-Agent kopieren einen strukturierten Prompt – Regel-ID, Schweregrad, WCAG-Kriterien, Fehlerzusammenfassungen, Behebungszusammenfassung und die ersten 10 betroffenen Elemente mit Selektor + HTML – und kopiert ihn in die Zwischenablage, bereit zum Einfügen in Cursor, Claude Code, Copilot Chat oder Aider. Nutzen Sie dies, wenn Sie einem Agenten einen konkreten Befund übergeben möchten; nutzen Sie den Sammel-Export unten, wenn Sie alles auf der Website in einer Datei möchten.

Export von KI-Fix-Anweisungen (Sammel-Export)

Aus der Problemliste pro Website lädt KI-Fix-Anweisungen exportieren eine Markdown-Datei herunter, die jeden offenen Verstoß enthält, aufbereitet für einen KI-Coding-Agenten (Claude Code, Cursor, GitHub Copilot oder manuelles Pair-Programming). Jeder Abschnitt enthält:

  • Aufgabenrahmen mit WCAG-Kontext.
  • Nach Schweregrad sortierte Probleme (kritisch zuerst).
  • WCAG-Kriteriumsverweise pro Verstoß.
  • HTML-Schnipsel und CSS-Selektoren für jedes betroffene Element.
  • Framework-agnostische Fix-Muster – keine React-/Vue-/Angular-Annahme.
  • Eine Verifikationscheckliste.

Vor dem Download erscheint ein kurzer Bestätigungsdialog, der daran erinnert, dass dies für den Agenten-Gebrauch gedacht ist, nicht als teilbarer Bericht.

Element-Screenshots

Findet der Scanner ein fehlerhaftes Element, erfasst er ein PNG dieses Elements im Kontext. Miniaturansichten erscheinen auf der Problem-Detailseite und öffnen sich zu einer Vollbild-Lightbox (Tastatur: Pfeiltasten zum Navigieren, Escape zum Schließen). Bis zu drei Screenshots pro Verstoß – genug, um den Defekt zu sehen, ohne die Seite aufzublähen.

Screenshots werden zum Scan-Zeitpunkt im Headless-Browser gerendert und für das Aufbewahrungsfenster Ihres Plans gespeichert. Sie helfen Teammitgliedern, die HTML weniger flüssig lesen als Seiten – Designer, Product Manager, Barrierefreiheits-Berater.