Schließen Sie sich 50,000 Unternehmen an und machen Sie Ihre Website barrierefrei 1-Klick-Installation
Holen Sie sich OneTap
Preise
Ein blaues, abgerundetes Quadrat zeigt eine stromlinienförmige schwarze menschliche Figur, die für Inklusivität und Benutzerfreundlichkeit steht. Rechts daneben erscheint das Wort „OneTap“ in fetten, dunklen Buchstaben mit hohem Farbkontrast für optimale Lesbarkeit. Das klare Design sorgt für klare Erkennbarkeit und stellt sicher, dass alle Nutzer den Fokus der Marke auf Barrierefreiheit leicht erkennen können.
Login
Holen Sie sich OneTap

Schließen-Button für Mobilgeräte (veraltet)

7 min gelesen
  • Soforthilfe mit KI
  • BETA

Allgemein

Anpassen

Support

Support

Funktionen, nach denen Sie gefragt haben

Funktion anfordern

Letzte Aktualisierung Juli 2025

Technik

Schließen-Button für Mobilgeräte (veraltet)

Wir sind uns bewusst, dass das Schließen-Symbol des OneTap-Popups derzeit auf einigen Mobilgeräten nicht korrekt angezeigt wird. Dieses Problem wurde bereits erkannt, und wir arbeiten aktiv an einer dauerhaften Lösung.

Die Lösung wird in einem unserer kommenden Updates enthalten sein, das in den nächsten 2–3 Wochen veröffentlicht werden soll. Dieses umfangreiche Update wird die mobilen Anpassungsmöglichkeiten deutlich verbessern.

In der Zwischenzeit können Sie die Position des Schließen-Symbols mithilfe eines einfachen CSS-Snippets vorübergehend anpassen. Eine Schritt-für-Schritt-Anleitung und den Code finden Sie weiter unten.

Ein großes Dankeschön an unsere Community für euer Feedback und eure Unterstützung – ❤️ Wir freuen uns darauf, es bald noch besser für euch zu machen!

So fügen Sie den Code hinzu

  • Wordpress-Dashboard
  • Design
  • Konfigurator
  • Benutzerdefinierte CSS
  • Code kopieren und einfügen
Vor tiefschwarzem Hintergrund sind links drei kräftige Kreise – rot, gelb und grün – gleichmäßig in einer vertikalen Linie angeordnet. Jeder Kreis hebt sich durch seine kräftige Farbe und scharfen Kanten deutlich ab und erinnert an Ampeln oder Bedienknöpfe, wodurch er leicht zu erkennen ist. Rechts daneben steht „CSS“ in großen weißen Großbuchstaben in einer klaren serifenlosen Schrift, die für hohen Kontrast und gute Lesbarkeit sorgt. Die Anordnung ähnelt einer Barrierefreiheits-Symbolleiste, die vielen WordPress-Nutzern vertraut ist: Übersichtliche, gruppierte Steuerelemente mit klarer Beschriftung unterstützen die Navigation für Nutzer mit unterschiedlichen Bedürfnissen. 
				
					@media screen and (max-width: 600px) {
  nav.apop-accessibility.apop-plugin-onetap .apop-container .apop-accessibility-settings header.apop-header-top .apop-close {
    left: auto !important;
    right: 20px !important;
  }
}

2. Lösung

Vor tiefschwarzem Hintergrund sind links drei kräftige Kreise – rot, gelb und grün – gleichmäßig in einer vertikalen Linie angeordnet. Jeder Kreis hebt sich durch seine kräftige Farbe und scharfen Kanten deutlich ab und erinnert an Ampeln oder Bedienknöpfe, wodurch er leicht zu erkennen ist. Rechts daneben steht „CSS“ in großen weißen Großbuchstaben in einer klaren serifenlosen Schrift, die für hohen Kontrast und gute Lesbarkeit sorgt. Die Anordnung ähnelt einer Barrierefreiheits-Symbolleiste, die vielen WordPress-Nutzern vertraut ist: Übersichtliche, gruppierte Steuerelemente mit klarer Beschriftung unterstützen die Navigation für Nutzer mit unterschiedlichen Bedürfnissen. 
				
					@media only screen and (max-width: 576px) {
  nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings header.onetap-header-top .onetap-close {
    left: auto !important;
    right: 20px !important;
  }
}