Falsches Zeichen am Menü-Button

Warum es wichtig ist

Das wirkt nachlässig, genau dort, wo jeder Besucher zuerst hinschaut. Oft stammt es von einem allgemeinen Stil, der für etwas anderes gedacht war.

Wie Snaglist es prüft

Snaglist liest die ::before- und ::after-Pseudoelemente des Menü-Buttons und alles darin, geschlossen und geöffnet. Leerer Inhalt wie die Striche eines Hamburgers und Icon-Fonts zählen nicht. Ein als Menü-Button verwendeter summary, der sein Dreieck noch anzeigt, wird ebenfalls gemeldet.

Häufige Ursachen

• Ein Stil für ausklappbare Fragen (summary::after mit einem Plus), der auch den Menü-Button trifft
• Das Standard-Dreieck eines summary-Elements
• Ein Pfeil aus einem Theme-Stil für Dropdown-Menüs

So behebst du es

1. Begrenze den Stil auf die Fragen selbst, mit einer eigenen Klasse.
2. Oder setze content: none auf ::before und ::after des Menü-Buttons.
3. Für einen summary: list-style: none und blende ::-webkit-details-marker für Safari aus.
4. Überprüfe die Seite nach dem nächsten Crawl erneut.