Ab Mitte Oktober bauen viele Onlineshops ihre Startseite für die Aktionswochen um. Oben läuft eine Countdown-Leiste bis zum Ende der Adventsaktion, der Warenkorb hält Aktionsware nur für kurze Zeit fest, und beim ersten Besuch dreht sich ein Glücksrad mit einem Gutschein. Alle drei Elemente haben etwas gemeinsam: Sie setzen eine Frist oder bewegen sich von selbst. Genau dafür hat die WCAG zwei Erfolgskriterien der Stufe A, 2.2.1 zur anpassbaren Zeitbegrenzung und 2.2.2 zum Pausieren, Stoppen und Ausblenden. Wer sie verwechselt, baut entweder unnötige Verlängerungen ein oder übersieht echte Pflichten. Dieser Beitrag ordnet jedes Element dem passenden Kriterium zu, zeigt, was eine Countdown-Leiste, eine Warenkorb-Reservierung und ein Aktions-Pop-up konkret brauchen, und endet mit einem Prüfablauf, der sich vor dem Start der Aktion abarbeiten lässt. Wie ein barrierefreier Onlineshop insgesamt geprüft und umgesetzt wird, beschreiben wir auf unserer Leistungsseite.
Das Wichtigste in Kürze
- Eine Countdown-Leiste zählt von selbst weiter und fällt damit unter WCAG 2.2.2: Sie muss sich pausieren, stoppen oder ausblenden lassen, oder ihr Takt muss steuerbar sein. Eine Fünf-Sekunden-Ausnahme gibt es dabei nicht (W3C, Understanding SC 2.2.2).
- Das Aktionsende selbst muss nicht verlängerbar sein, wenn es für alle zur selben Zeit gilt. Das W3C nennt für diesen Fall die Auktion, bei der eine Verlängerung für Einzelne unfair wäre (W3C, Understanding SC 2.2.1).
- Eine Warenkorb-Reservierung ist eine Zeitbegrenzung nach WCAG 2.2.1: vor Ablauf warnen, mindestens 20 Sekunden zum Verlängern mit einer einfachen Aktion geben und mindestens zehnmal verlängern lassen (W3C, Understanding SC 2.2.1).
- Aktions-Pop-ups dürfen den Tastaturfokus nicht gefangen halten (W3C, WCAG 2.2, SC 2.1.2); ein sichtbares Schließen-Feld und Schließen per Escape-Taste machen das Verlassen leicht. Ein Gutscheincode, der nach Sekunden verschwindet, sollte an anderer Stelle abrufbar bleiben.
- Ein Countdown, der bei jedem Aufruf neu beginnt, ist auch ein Rechtsrisiko: Die unwahre Angabe einer sehr begrenzten Verfügbarkeit ist gegenüber Verbrauchern stets unzulässig (UWG, Anhang Nr. 7).
- Für das Weihnachtsgeschäft 2025 erwartete der HDE online 22,2 Milliarden Euro Umsatz (HDE, Prognose 2025). Prüfen Sie Countdown, Reservierung und Pop-up deshalb vor Aktionsbeginn mit Tastatur, Screenreader und reduzierter Bewegung.
Warum Aktionselemente im Weihnachtsgeschäft zählen
Die letzten beiden Monate des Jahres haben im Einzelhandel großes Gewicht. Nach der Prognose des Handelsverbands Deutschland erzielt der Einzelhandel 18,5 Prozent seines Jahresumsatzes in den letzten beiden Monaten des Jahres (HDE, Prognose 2025). Für den Onlinehandel erwartete der Verband im Weihnachtsgeschäft 2025 einen Umsatz von 22,2 Milliarden Euro (HDE, Prognose 2025). Dazu kommen die Aktionstage Ende November: Für Black Friday und Cyber Monday 2025 rechnete der HDE mit einem Umsatz von 5,8 Milliarden Euro (HDE, Prognose 2025).
In einer vom HDE beauftragten Umfrage des IFH Köln unter mehr als 1.000 Online-Shoppern im Oktober 2025 gaben 48 Prozent an, am Black Friday auf Schnäppchenjagd gehen zu wollen, und 54 Prozent nutzen den Tag auch für Weihnachtseinkäufe (HDE, Umfrage 2025). Wer in diesen Wochen einkauft, trifft auf Shops, die ihre Startseite für genau diese Tage umgebaut haben: Countdown-Leisten bis zum Aktionsende, Warenkörbe mit Ablaufzeit, Gutschein-Pop-ups, Glücksräder und Adventskalender mit täglich neuen Türchen.
Alle diese Elemente arbeiten mit Zeit. Sie zählen herunter, laufen ab, bewegen sich oder verschwinden von selbst. Für viele Menschen ist das kein Problem, für andere ist es eine harte Grenze. Zum Jahresende 2025 lebten in Deutschland gut 7,8 Millionen Menschen mit schwerer Behinderung (Destatis, 2026), und 16 Prozent von ihnen hatten eine geistige oder seelische Behinderung (Destatis, 2026). Wer einen Screenreader nutzt, mit Sprachsteuerung arbeitet, eine Hand nur eingeschränkt bewegen kann oder Texte langsamer liest, braucht mehr Zeit für denselben Vorgang. Das W3C begründet das Kriterium zur Zeitbegrenzung genau damit: Menschen mit Blindheit, Sehbehinderung, motorischen oder kognitiven Einschränkungen brauchen unter Umständen mehr Zeit, um Inhalte zu lesen oder Formulare auszufüllen (W3C, Understanding SC 2.2.1).
Jede Frist im Shop zählt
Rechtlich hängt das an der Barrierefreiheitspflicht für den Onlinehandel. Das BFSG gilt für Dienstleistungen im elektronischen Geschäftsverkehr, die für Verbraucher nach dem 28. Juni 2025 erbracht werden (BFSG, § 1). Die Verordnung dazu verlangt, Webseiten und mobile Anwendungen auf konsistente und angemessene Weise wahrnehmbar, bedienbar, verständlich und robust zu gestalten (BFSGV, § 12). Verstöße gegen bestimmte Pflichten können mit einer Geldbuße bis zu 100.000 Euro geahndet werden (BFSG, § 37). Ausgenommen sind Kleinstunternehmen, die Dienstleistungen anbieten oder erbringen (BFSG, § 3). Welche Anforderungen im Einzelnen gelten, fasst unsere Seite zu den BFSG-Anforderungen zusammen. Praktischer Maßstab für die technische Umsetzung sind die Erfolgskriterien der WCAG, die über die europäische Norm EN 301 549 in den europäischen Rahmen eingebunden sind; den Zusammenhang erklärt der Beitrag zur EN 301 549 hinter dem BFSG.
Zwei Kriterien, mehrere Elemente: die richtige Zuordnung
WCAG 2.2.1 Zeitbegrenzung anpassbar regelt Fristen, die der Inhalt setzt. Für jede solche Frist muss mindestens eine der folgenden Bedingungen erfüllt sein. Die Person kann die Frist vorher abschalten. Sie kann sie vorher über einen weiten Bereich anpassen, der mindestens das Zehnfache der Standardlänge umfasst (W3C, Understanding SC 2.2.1). Oder sie wird vor Ablauf gewarnt, bekommt mindestens 20 Sekunden, um die Frist mit einer einfachen Aktion zu verlängern, und darf mindestens zehnmal verlängern (W3C, Understanding SC 2.2.1). Daneben stehen drei Ausnahmen: Die Frist ist notwendiger Teil eines Echtzeit-Ereignisses wie einer Auktion, sie ist wesentlich und eine Verlängerung würde die Tätigkeit entwerten, oder sie ist länger als 20 Stunden (W3C, Understanding SC 2.2.1).
WCAG 2.2.2 Pausieren, Stoppen, Ausblenden regelt dagegen Inhalte, die sich bewegen, blinken, scrollen oder automatisch aktualisieren. Für Bewegung gilt: Startet sie automatisch, dauert sie länger als fünf Sekunden und läuft sie parallel zu anderem Inhalt, braucht es einen Mechanismus zum Pausieren, Stoppen oder Ausblenden (W3C, Understanding SC 2.2.2). Für automatisch aktualisierte Informationen genügt schon der automatische Start neben anderem Inhalt. Hier darf der Shop alternativ die Frequenz der Aktualisierung steuerbar machen, eine Fünf-Sekunden-Ausnahme gibt es aber nicht (W3C, Understanding SC 2.2.2). Beide Kriterien stehen auf Stufe A, also auf der Grundstufe, die für eine Konformität nach Stufe AA ebenfalls erfüllt sein muss.
| Element | Was mit der Zeit passiert | Kriterium nach WCAG 2.2 | Was der Shop braucht |
|---|---|---|---|
| Countdown-Leiste bis zum Aktionsende | Die Anzeige aktualisiert sich selbst, das Aktionsende gilt für alle | 2.2.2 für die Anzeige; das Ende ist mit der Echtzeit-Ausnahme aus 2.2.1 vergleichbar | Anzeige pausieren oder ausblenden, Ende zusätzlich als Text |
| Persönlicher Angebots-Timer | Eine Frist startet mit dem Besuch und gilt nur für diese Person | 2.2.1 | Abschalten, Anpassen oder Warnung mit Verlängerung |
| Warenkorb-Reservierung | Artikel werden nach Ablauf freigegeben | 2.2.1 | Warnung vor Ablauf, mindestens 20 Sekunden, mindestens zehn Verlängerungen |
| Gutschein-Hinweis, der verschwindet | Der Code ist nur kurz sichtbar | 2.2.1 | Code zusätzlich im Warenkorb, Konto oder in der Bestätigung |
| Glücksrad, animierter Kalender, Lauftext | Bewegung startet automatisch | 2.2.2, bei Blitzen zusätzlich 2.3.1 | Stopp-Schalter, keine Blitzfolgen über dem Grenzwert |
Die Trennung hat praktische Folgen. Wer die Countdown-Leiste als Fall von 2.2.1 behandelt, glaubt, er müsse das Ende der Aktion für jede einzelne Person verschieben können, und streicht die Leiste ganz. Wer die Warenkorb-Reservierung als Fall von 2.2.2 behandelt, baut einen Pause-Schalter für die Anzeige ein und lässt die eigentliche Frist unverändert ablaufen. Beides verfehlt den Zweck. Die erste Frage lautet deshalb bei jedem Element: Setzt der Inhalt eine Frist, die eine Person bei ihrer Aufgabe einschränkt, oder lenkt eine Bewegung ab, die neben dem Inhalt läuft? Manche Elemente tun beides, dann gelten beide Kriterien nebeneinander.
Die Countdown-Leiste: anhalten statt verlängern
Ein festes Aktionsende, etwa am Sonntag um Mitternacht, gilt für alle Kundinnen und Kunden zur selben Zeit. Für einen vergleichbaren Fall gibt das W3C ein Beispiel: Bei einer Auktion gilt die Frist für alle Bieter, und es wäre unfair, sie für eine einzelne Person zu verlängern; deshalb verlangt das Kriterium dort weder Verlängerung noch Anpassung oder Abschaltung (W3C, Understanding SC 2.2.1). Ein gemeinsames Aktionsende lässt sich in der Regel genauso einordnen. Der Shop muss die Adventsaktion also nicht für Einzelne verlängern.
Anders liegt der Fall bei einem Timer, der erst mit dem Seitenaufruf startet und nur für diese eine Person gilt, etwa mit dem Hinweis, ein Angebot gelte nur für Sie und nur noch kurze Zeit. Hier setzt der Inhalt eine individuelle Frist. Nach unserer Einordnung greift dann 2.2.1 mit seinen Wegen zum Abschalten, Anpassen oder Verlängern. Hinzu kommt eine lauterkeitsrechtliche Frage, auf die der Abschnitt zu ehrlichen Fristen weiter unten eingeht.
Für die Anzeige selbst gilt 2.2.2. Eine Leiste, die Tage, Stunden, Minuten und Sekunden herunterzählt, aktualisiert sich automatisch und steht parallel zum übrigen Inhalt der Seite. Sie braucht deshalb einen Mechanismus, um sie zu pausieren, zu stoppen oder auszublenden, oder eine Möglichkeit, die Frequenz der Aktualisierung zu steuern (W3C, Understanding SC 2.2.2). Für Echtzeit-Angaben beschreibt das W3C eine bestimmte Art der Pause: Nach dem Fortsetzen springt die Anzeige auf den aktuellen Stand, statt an der alten Stelle weiterzulaufen. Als Beispiel nennt es ausdrücklich den Timer einer Auktion, der sonst irreführende Werte zeigen würde (W3C, Understanding SC 2.2.2).
Ein Schalter, der den Countdown nur anhält, solange der Fokus auf ihm liegt, genügt nicht. Das W3C stellt klar, dass ein solcher Mechanismus die Seite während der Pause unbenutzbar macht und deshalb nicht als Pause gilt (W3C, Understanding SC 2.2.2). Gibt es auf der Seite mehrere bewegte Elemente, etwa Leiste, Karussell und Glücksrad, empfiehlt das W3C als gute Praxis einen gemeinsamen Schalter, der alles auf einmal anhält. Wie das bei Karussells aussieht, zeigt der Beitrag zu barrierefreien Slidern.
- Ein sichtbarer Schalter „Countdown anhalten“ direkt in der Leiste, mit der Tastatur erreichbar und mit Enter oder Leertaste auslösbar
- Die Wahl bleibt beim Seitenwechsel erhalten, damit die Leiste nicht auf jeder Seite neu losläuft
- Das Aktionsende steht zusätzlich als Text in der Leiste, etwa „endet Sonntag, 23:59 Uhr“, damit die Information auch bei angehaltener Anzeige stimmt
- Bei aktivierter Einstellung für reduzierte Bewegung entfallen Blätter- und Zähleffekte der Ziffern
- Die Leiste klebt nicht so am oberen Rand, dass sie fokussierte Elemente verdeckt; ein Abstand über scroll-padding hält den Fokus sichtbar
Der letzte Punkt ist ein eigenes Kriterium. Eine klebende Leiste darf ein Element, das den Tastaturfokus erhält, nicht vollständig verdecken (W3C, WCAG 2.2, SC 2.4.11). Das W3C nennt klebende Kopf- und Fußleisten als typische Ursache (W3C, Understanding SC 2.4.11). Aktionsleisten werden oft nachträglich über eine bestehende Kopfleiste gelegt, und dann reicht der Abstand, den die Seite beim Scrollen frei hält, nicht mehr aus. Das folgende Beispiel zeigt eine Leiste, die das Ende als Text nennt, die Restzeit getrennt führt und einen eigenen Schalter mitbringt.
<!-- Aktionsleiste: Ende als Text, Restzeit getrennt, eigener Schalter -->
<div class="promo-bar" role="region" aria-label="Adventsaktion">
<p>Adventsaktion endet Sonntag, 23:59 Uhr.
<span class="promo-remaining" role="timer">noch 2 Tage 14 Std.</span>
</p>
<button type="button" class="promo-toggle">Countdown anhalten</button>
</div>
<style>
/* Klebende Leiste: Fokus bleibt sichtbar (SC 2.4.11) */
html { scroll-padding-top: 4.5rem; }
/* Ziffern ohne Blättereffekt bei reduzierter Bewegung */
@media (prefers-reduced-motion: reduce) {
.promo-remaining { animation: none; transition: none; }
}
</style>
<script>
const end = new Date('2026-12-06T23:59:00+01:00');
const remaining = document.querySelector('.promo-remaining');
const toggle = document.querySelector('.promo-toggle');
let paused = localStorage.getItem('promo-paused') === '1';
function render() {
toggle.textContent = paused ? 'Countdown fortsetzen' : 'Countdown anhalten';
if (paused) return;
// Restzeit immer aus dem festen Ende berechnen: nach der Pause
// springt die Anzeige auf den aktuellen Stand (SC 2.2.2)
const min = Math.max(0, Math.floor((end - Date.now()) / 60000));
remaining.textContent = 'noch ' + Math.floor(min / 1440) + ' Tage '
+ Math.floor(min / 60) % 24 + ' Std.';
}
toggle.addEventListener('click', () => {
paused = !paused;
localStorage.setItem('promo-paused', paused ? '1' : '0');
render();
});
render(); // gespeicherte Wahl gilt auch nach dem Seitenwechsel
setInterval(render, 60000); // Takt: einmal pro Minute statt jede Sekunde
</script>Für Screenreader ist die Leiste eine eigene Falle. Die WAI-ARIA-Spezifikation kennt die Rolle timer für genau solche Zähler und legt fest, dass Elemente mit dieser Rolle implizit aria-live mit dem Wert off tragen (W3C, WAI-ARIA 1.2). Ein Screenreader liest den Stand also nicht bei jeder Änderung von selbst vor, und das ist richtig so. Wer die Restzeit stattdessen in einen Bereich mit aria-live="polite" schreibt, erzeugt jede Sekunde eine neue Ansage, die alles andere übertönt. Sinnvoll angesagt wird nur ein Zustandswechsel, etwa das Ende der Aktion, als Statusmeldung, die ohne Fokuswechsel bei der Person ankommt (W3C, WCAG 2.2, SC 4.1.3). Wie Live-Regionen sauber eingesetzt werden, beschreibt der Beitrag zu barrierefreien Fehler- und Statusmeldungen.
Die Warenkorb-Reservierung: warnen und verlängern lassen
Viele Shops halten Aktionsware nur für eine begrenzte Zeit im Warenkorb fest, damit knappe Artikel nicht dauerhaft blockiert werden. Läuft die Frist ab, wandern die Artikel zurück in den Bestand. Das ist eine Zeitbegrenzung, die der Inhalt setzt, und damit ein Fall für 2.2.1. Das W3C ordnet die Wege nach ihrem Nutzen für die Person: Eine Frist abschalten zu können ist besser, als sie anzupassen, und Anpassen ist besser, als kurz vor Ablauf um mehr Zeit zu bitten (W3C, Understanding SC 2.2.1).
Abschalten
Vor Beginn der Frist lässt sich die Reservierungszeit abschalten, etwa über ein Kästchen „Ich brauche mehr Zeit“ im Warenkorb. Für die Person ist das der einfachste Weg (W3C, Understanding SC 2.2.1).
Anpassen
Die Person stellt die Frist vor Beginn selbst ein, über einen weiten Bereich bis mindestens zum Zehnfachen der Standardlänge (W3C, Understanding SC 2.2.1).
Verlängern
Vor Ablauf erscheint eine Warnung, die Person hat mindestens 20 Sekunden für eine einfache Aktion und kann mindestens zehnmal verlängern (W3C, Understanding SC 2.2.1).
Die dritte Variante ist in Shops die häufigste, und an ihr scheitert die Umsetzung oft im Detail. Die Warnung muss so erscheinen, dass sie wahrgenommen wird: als Dialog, der den Fokus auf die Schaltfläche „Reservierung verlängern“ setzt und für Screenreader als Hinweis angesagt wird. Die 20 Sekunden zählen ab der Warnung, nicht ab dem letzten Klick. Die einfache Aktion ist ein einzelner Klick oder Tastendruck, keine erneute Anmeldung und keine Rechenaufgabe. Nach der Verlängerung kehrt die Person an dieselbe Stelle zurück, mit denselben Eingaben. Das W3C beschreibt diesen Ablauf an einem Ticketshop, der zwei Minuten zum Bestätigen gibt, kurz vor Ablauf warnt und das Verlängern über eine Schaltfläche erlaubt (W3C, Understanding SC 2.2.1).
Bleibt die Frage, ob eine Reservierung als wesentlich gelten kann. Das W3C kennt auch diesen Fall: Ein Ticketshop gibt zwei Minuten zum Bestätigen, weil Tickets schnell ausverkauft sind und ein längeres Festhalten den Charakter des Angebots verändern würde (W3C, Understanding SC 2.2.1). Selbst dort nimmt der Shop im Beispiel so viel wie möglich aus der zeitkritischen Phase heraus und fragt etwa Name und Zahlungsart vorher ab. Für einen Onlineshop mit gewöhnlichem Lager trägt diese Ausnahme selten. Wer sie für eine limitierte Aktion in Anspruch nimmt, sollte die Begründung dokumentieren und alle Eingaben vor Beginn der Frist abfragen.
Ein zweiter Hebel liegt darin, was beim Ablauf passiert. Wird nur die Reservierung aufgehoben und bleiben die Artikel im Warenkorb stehen, verliert niemand seine Auswahl. Das AAA-Kriterium 2.2.6 beschreibt denselben Gedanken für Sitzungen: Gewarnt werden muss vor einer Untätigkeitsdauer, die zu Datenverlust führen kann, es sei denn, die Daten bleiben mehr als 20 Stunden erhalten (W3C, WCAG 2.2, SC 2.2.6). Stufe AAA ist für das BFSG nicht der Maßstab, der Gedanke hilft aber bei der Gestaltung. Wie Sitzungsabläufe hinter einer Anmeldung geprüft werden, steht im Beitrag zu barrierefreien Kundenportalen.
Kein stilles Leeren des Warenkorbs
Pop-ups, Glücksrad und Adventskalender
Das dritte typische Element der Saison ist das Aktions-Pop-up. Es erscheint beim ersten Besuch oder beim Verlassen der Seite, bietet einen Gutschein an oder fordert zum Drehen eines Glücksrads auf. Aktion Mensch hat die Webshops unter den meistbesuchten Firmen-Webseiten in Deutschland getestet und unter den Hürden ausdrücklich eingeblendete Inhalte wie Banner und Cookie-Overlays genannt, die den Hauptinhalt verdecken und sich nicht ohne weiteres schließen lassen (Aktion Mensch, 2025). Nur 20 von 65 getesteten Webseiten waren allein über die Tastatur bedienbar (Aktion Mensch, 2025).
Aus Sicht von Screenreader-Nutzern bestätigt sich das Bild. In der Umfrage von WebAIM mit 1.539 gültigen Antworten stehen interaktive Elemente wie Menüs, Tabs und Dialoge, die sich nicht wie erwartet verhalten, auf Platz zwei der problematischsten Punkte und Bildschirmbereiche, die sich unerwartet ändern, auf Platz vier (WebAIM, 2024). Ein Pop-up, das ohne Ankündigung über der Seite erscheint und den Fokus nicht aufnimmt, vereint beides.
Was ein barrierefreies Aktions-Pop-up braucht, ist bekannt: ein sichtbares Schließen-Feld mit verständlichem Namen, Schließen per Escape-Taste, beim Öffnen den Fokus im Dialog und beim Schließen zurück an der Ausgangsstelle. Der Fokus darf nicht so gefangen sein, dass er sich mit der Tastatur nicht mehr herausbewegen lässt (W3C, WCAG 2.2, SC 2.1.2). Die Technik dahinter beschreibt der Beitrag zu barrierefreien Modals und Overlays. Für Aktions-Pop-ups kommt eine Frage hinzu: Wann erscheint das Fenster? Das Kriterium 2.2.4 Unterbrechungen verlangt, dass sich Unterbrechungen aufschieben oder unterdrücken lassen (W3C, WCAG 2.2, SC 2.2.4). Es steht auf Stufe AAA und ist damit keine BFSG-Pflicht, beschreibt aber gutes Verhalten: Ein Pop-up, das erst nach einer Aktion der Person erscheint und sich für den Besuch abschalten lässt, stört weniger.
Heikel wird es, wenn der Gutscheincode selbst nur kurz zu sehen ist. Ein Hinweis, der den Code anzeigt und nach einigen Sekunden verschwindet, setzt eine Frist für das Lesen. Das W3C beschreibt dazu einen unkritischen Fall: Eine Hinweisblase zu neuen E-Mails verschwindet nach 5 Sekunden, ist aber unproblematisch, weil dieselbe Information im Posteingang steht (W3C, Understanding SC 2.2.1). Übertragen auf den Shop heißt das: Steht der Code zusätzlich im Warenkorb, im Kundenkonto oder in der Bestätigungsmail, ist der verschwindende Hinweis kein Problem. Gibt es den Code nur in diesem einen Fenster, muss sich die Anzeigezeit abschalten, anpassen oder verlängern lassen.
Glücksräder und animierte Adventskalender berühren 2.2.2 direkt. Ein Rad, das sich von selbst dreht oder lange animiert auf die Person wartet, startet automatisch, dauert länger als fünf Sekunden und läuft neben dem übrigen Inhalt; es braucht also einen Stopp (W3C, Understanding SC 2.2.2). Leuchteffekte dürfen nicht häufiger als dreimal pro Sekunde aufblitzen, es sei denn, sie bleiben unter den Grenzwerten für allgemeine und rote Blitze (W3C, WCAG 2.2, SC 2.3.1). Spielt das Rad von selbst einen Ton ab, der länger als 3 Sekunden läuft, muss er sich anhalten oder unabhängig von der Systemlautstärke regeln lassen (W3C, WCAG 2.2, SC 1.4.2). Ein Spiel, bei dem man im richtigen Moment klicken muss, kann für Menschen mit eingeschränkter Motorik zur Hürde werden; dann gehört eine Alternative daneben, die ohne Reaktionszeit zum selben Gutschein führt. Wie Bewegung insgesamt reduziert wird, steht im Beitrag zu prefers-reduced-motion.
Beim Adventskalender hilft eine der Ausnahmen aus 2.2.1. Ein Türchen, dessen Angebot einen ganzen Tag gilt, setzt zwar eine Frist, aber eine von mehr als 20 Stunden, und für solche Fristen verlangt das Kriterium keine Verlängerung (W3C, Understanding SC 2.2.1). Das W3C begründet die Grenze damit, dass 20 Stunden länger sind als ein voller wacher Tag (W3C, Understanding SC 2.2.1). Ein Blitzangebot, das für alle zur selben Zeit endet, ist wie das Aktionsende zu behandeln. Startet die Frist dagegen erst mit dem Öffnen des Türchens, gilt sie individuell und fällt unter 2.2.1.
Ehrliche Fristen: Barrierefreiheit trifft Lauterkeitsrecht
Ein Countdown, der bei jedem Seitenaufruf wieder bei demselben Wert beginnt, ist zunächst eine Barriere für alle, die unter Zeitdruck schlechter entscheiden. Er kann aber auch eine Frage des Wettbewerbsrechts sein. Der Anhang zum UWG zählt die unwahre Angabe, Waren oder Dienstleistungen seien nur für einen sehr begrenzten Zeitraum verfügbar, um Verbraucher zu einer sofortigen Entscheidung zu veranlassen, zu den geschäftlichen Handlungen, die gegenüber Verbrauchern stets unzulässig sind (UWG, Anhang Nr. 7). Ob ein konkreter Countdown darunter fällt, ist eine Rechtsfrage des Einzelfalls, die wir nicht beantworten. Technisch lässt sich aber leicht prüfen, ob die angezeigte Frist mit dem tatsächlichen Aktionsende übereinstimmt.
Für die Barrierefreiheit ist eine ehrliche Frist ohnehin die bessere Lösung. Ein festes Enddatum, das als Text in der Leiste steht, lässt sich vorlesen, vergrößern und in Ruhe nachlesen. Es braucht keinen Sekundentakt und keine Ansage bei jeder Änderung. Wer den Countdown als Gestaltungselement behalten möchte, setzt ihn neben den Text und macht ihn anhaltbar. Menschen mit kognitiven oder sprachlichen Einschränkungen nennt das W3C ausdrücklich unter denen, die mehr Zeit zum Lesen und Verstehen brauchen (W3C, Understanding SC 2.2.1). Für sie ist ein klares Datum eine Information, ein tickender Zähler dagegen vor allem Druck.
Eine Frist, die für alle gleich endet, darf enden. Eine Frist, die nur für eine Person läuft, braucht einen Weg zu mehr Zeit.
Prüfablauf vor dem Aktionsstart
Viele Befunde an Aktionselementen lassen sich vor dem Start finden, wenn man gezielt nach ihnen sucht. Black Friday fällt 2026 auf den 27. November, der erste Advent auf den 29. November; wer die Prüfung in den Wochen davor einplant, hat Zeit für Korrekturen. Der folgende Ablauf deckt die drei Elemente dieses Beitrags ab und lässt sich mit einem Screenreader, einer Tastatur und den Systemeinstellungen des eigenen Rechners durchführen.
- Bestand aufnehmen: jede Frist und jede Bewegung im Shop erfassen, auch in Warenkorb, Kasse und Kundenkonto, und je Element festhalten, ob es eine Frist setzt (2.2.1) oder sich bewegt oder aktualisiert (2.2.2).
- Countdown-Leiste mit der Tastatur erreichen, anhalten und ausblenden und prüfen, ob die Wahl beim Seitenwechsel erhalten bleibt.
- Mit dem Screenreader die Startseite laden und eine Weile zuhören: Kommen laufend Ansagen zur Restzeit, ist die Leiste falsch als Live-Region ausgezeichnet.
- Mit der Tastatur durch die Seite gehen und prüfen, ob die klebende Leiste ein fokussiertes Element ganz verdeckt.
- Eine Reservierung bewusst ablaufen lassen: Kommt die Warnung rechtzeitig, bleiben danach mindestens 20 Sekunden, lässt sich mit einem Klick oder Tastendruck verlängern, und das mindestens zehnmal?
- Pop-up per Tastatur und mit Escape schließen, prüfen, wohin der Fokus zurückkehrt, und ob der Gutscheincode an anderer Stelle abrufbar ist.
- Reduzierte Bewegung im Betriebssystem einschalten und prüfen, ob Glücksrad, Ziffern und Kalender ruhig bleiben; Blitzeffekte gesondert bewerten.
- Ausnahmen dokumentieren: Wo eine Frist für alle gilt oder als wesentlich eingestuft wird, die Begründung schriftlich festhalten.
Ein solcher Durchgang ersetzt keine vollständige Prüfung des Shops, aber er deckt die Stellen ab, die in der Aktionszeit neu hinzukommen. Wer mehrere Aktionen im Jahr fährt, nimmt die Punkte in die Abnahme jeder neuen Kampagne auf; laufende Prüfungen nach Änderungen beschreibt unsere Seite zum BFSG-Monitoring. Stammen die Aktionselemente aus einem Baukasten oder einer Erweiterung, lohnt der Blick in den Beitrag zur Verantwortung für Drittanbieter-Widgets, denn die Pflicht liegt in der Regel beim Shopbetreiber.
Aktionen planen, die alle nutzen können
Barrierefreie Aktionselemente sind kein Verzicht auf Dringlichkeit. Ein Aktionsende als klarer Text, eine Countdown-Leiste mit Pause, eine Reservierung mit Warnung und Verlängerung und ein Pop-up, das sich schließen lässt und den Code nicht verschluckt, verkaufen dieselbe Aktion, ohne Kundschaft auszusperren. Der Aufwand liegt meist in wenigen Komponenten, die sich einmal sauber bauen und in jeder weiteren Aktion wiederverwenden lassen.
Für die Umsetzung ist es sinnvoll, die Aktionselemente als eigene Bausteine im Design-System zu führen, mit festgelegtem Verhalten für Pause, Warnung, Fokus und reduzierte Bewegung. Dann prüft man sie einmal gründlich, statt jede Kampagne neu zu reparieren. Wir unterstützen dabei mit einem WCAG-Audit der Aktionsstrecke, mit barrierefreier Webentwicklung für die Komponenten und mit Schulungen für Teams, die Kampagnen selbst aufsetzen. Wie die übrigen Stationen eines Kaufs barrierefrei werden, zeigen unsere Beiträge zum barrierefreien Checkout und zur Kundschaft ab 65.
Verwandte Artikel
Kundschaft ab 65: Barrieren im Onlineshop gezielt abbauen
Drei Viertel der Menschen ab 65 sind online, 76 Prozent davon kaufen dort ein. Welche WCAG-Kriterien diese Kundschaft ausbremsen und in welcher Reihenfolge man sie behebt.
Barrierefreie Produktseite: Varianten, Galerie, Warenkorb
Ein Fehler in der Produktvorlage steht auf jeder Artikelseite. So werden Variantenwahl, Galerie, Preiszeile und Warenkorb-Meldung barrierefrei.
Widerrufsbutton und Kündigungsbutton barrierefrei umsetzen
Seit 19. Juni 2026 gilt die Widerrufsfunktion nach § 356a BGB. Wie sie und der Kündigungsbutton mit Tastatur, Screenreader und Zoom funktionieren.