Element zum Aufruf von Javascript-Funktion (barrierefrei)

[Torben]

Hallo Zusammen,

ich habe auf einer Internetseite eine Karte eingebunden, die mit einer Javascript-Funktion bei Klick auf einen Text vergrößert werden kann.
In Welches Element stecke ich den Text am besten (für Screenreader, "sauberes" HTML, etc.):

• <a> und die Javascript-Funktion per href="javascript:..." aufrufen
• <a> und die Javascript-Funktion per onclick aufrufen
• <span> und die Javascript-Funktion per onclick aufrufen

Vielen Dank,
Torben

[Nils Riel]

Soll das ganze denn auch ohne Javascript nutzbar sein?

[Torben]

Ich weiß nicht wie barrierefrei Google Maps ist, aber ich bin davon ausgegangen, dass Screenreader damit nicht viel anfangen können.

Wie würde man das denn machen, wenn eine Funktion aufgerufen würde, die etwas erzeugt, womit Screenreader mit zurecht kommen?

[Nils Riel]

Gut, also es geht um Google Maps, das ist schonmal eine nützliche Information Ich habe das auf meiner Internetseite so gemacht:

http://bleibartig.org/kontakt.html

Schalte JS einmal aus, dann siehst du, dass die Karte trotzdem geladen ist - ich habe diese hinter die eigentliche Google Map als Hintergrund eingefügt. So ist es auch für User ohne JS möglich, die Karte (eingeschränkt) zu nutzen.

Für Screenreader würde ich in einem extra Element eine Anfahrtbeschreibung schreiben, welche du mit "display:none" ausblendest.

[Torben]

Hallo Nils,

vielen Dank für den Tipp mit dem Hintergrundbild.

Um noch mal zu meiner Frage zu kommen: Links mit href oder onclick oder span mit onclick? Was ist die gängie Praxis um Javascript aufzurufen?

Gruß,
Torben