a:focus verhindern auf Seitenanfang zu springen
bearbeitet von Gunnar Bittersmann@@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 (Srennreader-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="#">`{:.language-html.bad} auftaucht, ist es falsch. Es sollte `<button>`{:.language-html.good} sein.
`<a href="…">`{:.language-html} ist für **Verweise** zu anderen Stellen im Web. Zum **Auslösen von Aktionen** ist `<button>`{:.language-html} 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.”*{:@en} —John Lennon
{:@en}
a:focus verhindern auf Seitenanfang zu springen
bearbeitet von Gunnar Bittersmann@@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 (Srennreader-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="#">`{:.language-html.bad} auftaucht, ist es falsch. Es sollte `<button>`{:.language-html.good} sein.
`<a href="…">`{:.language-html} ist für **Verweise** zu anderen Stellen im Web. Zum **Auslösen von Aktionen** ist `<button>`{:.language-html} 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. Uder 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.”*{:@en} —John Lennon
{:@en}
a:focus verhindern auf Seitenanfang zu springen
bearbeitet von Gunnar Bittersmann@@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 (Srennreader-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="#">`{:.language-html.bad} auftaucht, ist es falsch. Es sollte `<button>`{:.language-html.good} sein.
`<a href="…">`{.language-html}` ist für **Verweise** zu anderen Stellen im Web. Zum **Auslösen von Aktionen** ist `<button>`{:.language-html} 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. Uder 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.”*{:@en} —John Lennon
{:@en}