Gunnar Bittersmann: a:focus verhindern auf Seitenanfang zu springen

Beitrag lesen

@@Kevin

Das Problem hierbei ist, dass sobald man auf das entsprechende Icon klickt (wegen <a href="#">) die Seite immer auf den Seitenanfang scrollt.

Für manche Nutzer (Sreenreader-Nutzer) ist das das kleine Problem (oder gar keins). Das größere ist, dass interaktive Elemente als Links angesagt werden, die gar keine Links sind.

Daumenregel: Wann immer <a href="#"> auftaucht, ist es falsch. Es sollte <button> sein.

<a href=""> ist für Verweise zu anderen Stellen im Web. Zum Auslösen von Aktionen ist <button> das richtige HTML-Element.

Ich möchte einfach nur, dass beim klicken der entsprechende Text erscheint.

Warum erst beim Clicken? ‚Da bin ich aber neugierig, welchen Sinn dieser Button denn haben könnte.‘ —kein Nutzer jemals

Warum die Texte verstecken? Entweder sie sind wichtig, dann gleich anzeigen. Oder sie sind überflüssig, dann ganz weglassen.

😷 LLAP

--
“When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.” —John Lennon