Zum Inhalt springen
44 Barrierefreiheit Dokumentation

4️⃣ 3.2.5 - Änderung auf Anfrage

AAA 2.1 Umsetzung, Design

Ziel

Benutzern vollständige Kontrolle über wesentliche Inhaltsänderungen bieten, sodass Kontextänderungen nur auf deren Anforderung hin oder über deaktivierbare Mechanismen erfolgen.

Beschreibung

  • Kontextänderungen dürfen nur initiiert werden, wenn der Benutzer dies wünscht.
  • Vermeidung automatischer Umleitungen, unerwarteter Pop-ups oder automatischer Formularübermittlungen ohne Benutzeraktion.
  • Bereitstellung eines Mechanismus, um automatische Kontextänderungen zu deaktivieren.
  • Unterstützung barrierefreier Interaktionen, insbesondere für Personen mit motorischen, kognitiven oder visuellen Einschränkungen.

Anforderungen

  • Klar erkennbare Schaltflächen für Updates oder Navigation anbieten.
  • Hinweise bereitstellen, wenn ein Link ein neues Fenster oder Tab öffnet.
  • Benutzerfreundliche Steuerungen für die (De-)Aktivierung von automatischen Funktionen integrieren.

Code-Beispiele

Deaktivierbare automatische Aktualisierung:
<button id="refresh-btn">Jetzt aktualisieren</button>
<div id="content">Inhalt wird hier angezeigt.</div>


<script>
  document.getElementById('refresh-btn').addEventListener('click', function() {
    // Beispiel für manuell ausgelöste Inhaltsaktualisierung
    document.getElementById('content').innerHTML = 'Aktualisierter Inhalt am ' + new Date().toLocaleTimeString();
  });
</script>
Serverseitige Weiterleitung:
<?php
// Serverseitige Weiterleitung (ohne JavaScript oder Meta-Refresh)
header("Location: https://example.com/neue-seite.php", true, 302);
exit();
?>
<a href="https://example.com" target="_blank" rel="noopener noreferrer">
  Externer Link (öffnet in neuem Fenster)
</a>