WCAG-A/AA-Anforderung Priorität: Schwerwiegend

Die Seite lädt sich selbst neu oder leitet weiter

Die Seite nutzt <meta http-equiv="refresh"> mit Verzögerung: Nach einigen Sekunden oder Minuten lädt sie sich neu oder springt zu einer anderen Adresse, ohne dass die Kundin oder der Kunde das ausgelöst hat.

Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.

Warum das für Ihre Kunden wichtig ist

Wer langsam liest oder tippt, verliert womöglich die Stelle oder bereits eingegebene Daten, etwa in einer Produktanfrage oder einem Checkout-Schritt. Screenreader-Nutzer landen ohne Vorwarnung wieder am Seitenanfang, und eine zeitgesteuerte Weiterleitung kann erfolgen, bevor sie den Hinweis auf der Seite gelesen haben.

Wen es betrifft

Screenreader-Nutzer
Menschen, die langsam lesen oder tippen
Menschen mit kognitiven oder motorischen Einschränkungen
Menschen, die nur mit der Tastatur navigieren

So beheben Sie es

Entfernen Sie zeitgesteuerte Meta-Refreshs. Für umgezogene Seiten nutzen Sie eine serverseitige Weiterleitung (HTTP 301 oder 302) oder einen Meta-Refresh mit Verzögerung 0. Um Inhalte aktuell zu halten, aktualisieren Sie sie per JavaScript ohne Neuladen oder bieten eine Schaltfläche „Aktualisieren“ an. Ist ein Zeitlimit unvermeidbar, sollten Nutzer es abschalten, anpassen oder verlängern können.

Bei Shopify

In Shopify-Themes selten. Meist eigener Code in theme.liquid, eine Landingpage oder eine App (Countdown-, Weiterleitungs- oder Pop-up-Apps). Entfernen Sie das Meta-Tag und nutzen Sie stattdessen die URL-Weiterleitungen von Shopify.

Bei Shoptet (CZ)

Selten; meist eigener Code im Seitenkopf. Entfernen Sie den Meta-Refresh aus Ihrem eigenen Code und nutzen Sie, wo vorhanden, die Weiterleitungseinstellungen des Shops.

Bei PrestaShop

Meist Module oder angepasste .tpl-Templates, die Seiten neu laden oder weiterleiten, etwa nach dem Absenden eines Formulars oder auf einer Wartungsseite. Ersetzen Sie dies durch eine serverseitige Weiterleitung oder entfernen Sie es.

Bei WooCommerce

Meist Weiterleitungs-, Wartungsmodus- oder „Coming soon“-Plugins oder Code im Theme-Header. Verwenden Sie statt eines zeitgesteuerten Refreshs eine echte 301-Weiterleitung (etwa per Weiterleitungs-Plugin oder Server).

Standards

Standards
Standard	Abschnitt
WCAG 2.2	2.2.1 (A) Timing Adjustable
WCAG 2.1	2.2.1 (A) Timing Adjustable
WCAG 2.0	2.2.1 (A) Timing Adjustable
EN 301 549 4.1.1	9.2.2.1
EN 301 549 3.2.1	9.2.2.1
Section 508 2017	E205.4
ДСТУ EN 301 549 2022	9.2.2.1

Automatische Prüfung: axe-core-Regel meta-refresh. dequeuniversity.com, github.com, www.w3.org

Formularfelder haben keine Beschriftung
WCAG 4.1.2 A
Eine Bild-Schaltfläche hat keine Textbeschreibung
WCAG 1.1.1 A
Die ganze Seite ist für Screenreader ausgeblendet
WCAG 1.3.1 A
Tastaturnutzer erreichen eingebettete Inhalte nicht
WCAG 2.1.1 A

Alle Regeln, die wir prüfen