Durch klick auf ein Wort soll etwas passieren

[Gunnar Bittersmann]

@@Nico:

nuqneH

sorry ich war zu schnell. Muss den <a href...> raus nehmen dadurch kommt das springen

Ja, href="#" führt zum Seitenanfang. Wenn damit kein Link zum Seitenanfang gemeint ist, ist <a href="#"> im HTML falsch; es sollte ein Button sein.

Ein Button, kein span! Denn …

hab es nun so umgesetzt und es funktioniert.
<span class="show">Hier klicken, um eine Adresse einzugeben</span>

Nein, es funktioniert eben NICHT!!

Beim span kann man mit Tastaturbedienung keine Funktion auslösen, geschweige denn über Tab-Taste überhaupt dorthin navigieren. Nicht alle Nutzer haben eine Maus zu Verfügung, deshalb muss eine Webseite immer auch über Tastatur bedienbar sein.

Nun könnte man zwar die nicht vorhandene Funktionalität fürs span-Element nachrüsten, dies ist aber aufwändig. Und unsinnig, denn es gibt ja ein natives HTML-Element, das die Funktion bereits bietet: button.

In ARIA examples wird unter 3 Progressive collapsibles beschrieben, wie man Auf- und Zuklappen barrierefrei umsetzt.

Qapla'