Zbędny znak przy przycisku menu

Dlaczego to ważne

Wygląda to niestarannie, właśnie w miejscu, na które każdy odwiedzający patrzy najpierw. Często wynika to z ogólnego stylu przeznaczonego do czegoś innego.

Jak Snaglist to sprawdza

Snaglist odczytuje ::before i ::after przycisku menu oraz wszystko wewnątrz niego, gdy jest zamknięty i otwarty. Pusta zawartość, jak paski hamburgera, oraz czcionki ikon nie są brane pod uwagę. Zgłaszany jest też element summary użyty jako przycisk menu, który nadal pokazuje swój trójkąt.

Częste przyczyny

• Styl dla pytań rozwijanych (summary::after z plusem), który dotyczy też przycisku menu
• Domyślny trójkąt elementu summary
• Strzałka z motywu dla rozwijanych menu

Jak to naprawić

1. Ogranicz styl do samych pytań, używając ich własnej klasy.
2. Albo ustaw content: none na ::before i ::after przycisku menu.
3. Dla summary: list-style: none i ukryj ::-webkit-details-marker dla Safari.
4. Sprawdź stronę ponownie po następnym crawlowaniu.