{ "$schema": "../../schema.json", "schema": "fundus/1", "id": "widerruf-und-kuendigung-schaltflaeche", "name": "Widerrufs- und Kündigungs-Button", "name_en": "Withdrawal button and cancellation button as two separate two-step flows", "kurz": "Widerrufs- und Kündigungs-Button als zwei getrennte, zweistufige Abläufe aus der Fußzeile, mit Pflichtfeldern, Fehlerliste und Eingangsbestätigung, dazu zwei typische Fehler zum Vergleich.", "kategorie": "Sektionen & Funktionen", "kategorie_slug": "sektionen", "kategorie_nr": 16, "bau_chat": "D", "prioritaet": "D", "trendstatus": "aufsteigend", "belegstatus": "quellenbelegt", "website_belege": 0, "stimmung": [ "präzise" ], "stimmung_roh": [ "klar", "sachlich", "vertrauenswürdig" ], "technik": [ "css", "vanilla-js", "form", "intl" ], "technik_gruppen": [ "css", "js" ], "leistungskosten": "niedrig", "steckbrief": { "beschreibung": "Zwei getrennte Abläufe für Online-Verträge. Der Widerrufs-Button „Vertrag widerrufen“ führt zu einer Seite, die nur Name, Vertragskennung und den Weg für die Eingangsbestätigung abfragt. Ein Grund wird nicht gefragt. Der zweite Schritt heißt „Widerruf bestätigen“. Danach kommt eine Eingangsbestätigung mit Datum und Uhrzeit. Der Kündigungs-Button „Verträge hier kündigen“ gilt für Abos und Mitgliedschaften. Er führt direkt zu einer Bestätigungsseite mit den erlaubten Feldern und dem Knopf „jetzt kündigen“, ohne Pause-, Rabatt- oder Halteangebote. Beide stehen ohne Anmeldung dauerhaft in der Fußzeile, mobil im Menü oder in der Fußzeile.", "warum_es_wirkt": "Kunden finden den Ausgang sofort und müssen nicht suchen, telefonieren oder sich anmelden. Das spart Anrufe und Beschwerden. Ein klarer, ruhiger Ablauf ohne Tricks wirkt seriös. Wer ohne Hürden gehen kann, kommt eher wieder. Für den Betrieb sinkt das Risiko einer Abmahnung und einer verlängerten Widerrufsfrist.", "wann_einsetzen": "Überall, wo Verbraucher online Verträge schließen: Shops (Widerruf), Abos, Mitgliedschaften, Kurse und Software (Kündigung), Fahrschulen mit Online-Anmeldung. Shops mit Abo brauchen beide Abläufe, sichtbar getrennt.", "wann_nicht": "Nicht bei reinen B2B-Verträgen und nicht bei Verträgen, die nur per Telefon, Brief oder vor Ort geschlossen werden. Den Widerrufs-Button nicht bei Verträgen ohne gesetzliches Widerrufsrecht. Nie als Ort für Rückgewinnung: Umfragen, Pausen und Rabatte gehören nicht auf diese Seiten. Ob und welche Pflicht im Einzelfall gilt, vom Kunden prüfen lassen.", "varianten": [ "Richtig: beide Knöpfe in der Fußzeile, zweistufig, Eingangsbestätigung mit Datum und Uhrzeit", "Zum Vergleich falsch: Halteangebot auf der Bestätigungsseite (Pause, Rabatt, großes Stimmungsbild) und Pflichtfeld „Grund“ beim Widerruf", "Zum Vergleich falsch: versteckter Link (eingeklappt unter „Rechtliches“, nur nach Anmeldung)", "Mobil: beide Einträge im Menü und in der Fußzeile, nie nur im Kundenkonto" ], "umsetzung": "Zwei eigene Seiten (/widerruf, /kuendigung), keine Modale. Die Knöpfe „Vertrag widerrufen“ und „Verträge hier kündigen“ sind echte Links in der Fußzeile jeder Seite und im mobilen Menü, nebeneinander, gleich gewichtet, ohne Anmeldung. Jede Seite ist ein
mit genau den erlaubten Feldern; bedingte Felder (einzelne Artikel, wichtiger Grund, Datum) sind hidden und inert, bis sie gebraucht werden. Der Absende-Knopf heißt wörtlich „Widerruf bestätigen“ bzw. „jetzt kündigen“. Fehler erscheinen nach der ersten Eingabe und beim Absenden als Liste mit Links zu den Feldern. Danach eine Bestätigungsseite (role=\"status\", Fokus auf die Überschrift) mit Inhalt, Datum und Uhrzeit, bei Kündigung mit Vertragsende, plus Knopf zum Speichern. Der Server schickt dieselbe Bestätigung sofort per E-Mail. In der Demo sind die Seiten Zustände einer Datei. Texte sind Platzhalter: vom Kunden rechtlich prüfen lassen.", "mobil": "Beide Einträge im Menü und in der Fußzeile, untereinander, volle Breite, mindestens 48 px hoch. Formularfelder einspaltig, 16 px Schrift gegen Zoom, passende autocomplete-Werte (name, email). Der Absende-Knopf steht unter dem letzten Feld, nicht fest am Rand.", "reduzierte_bewegung": "Seitenwechsel ohne Versatz, nur Tausch. Die Markierungen der Fehlerbeispiele erscheinen ohne Puls.", "barrierefreiheit": "Beschriftung der Knöpfe wörtlich und als echter Text, keine Icons allein. Jedes Feld mit sichtbarem