interaktive SVG Karte mit mailto link

[Rolf B]

Hallo JuergenS,

der Punkt ist, dass Du Maus- und Tastaturbedienung unterstützen willst. Du blendest das Info-Fenster bei :hover und :focus ein. Und das führt zu Schwierigkeiten, denn :hover und :focus sollen das Info-Fenster zeigen, müssen es auch, aber sie können sich auf unterschiedliche Zonen deiner Seite beziehen. Und ein :focus bleibt da, auch wenn die Maus schon weg ist.

Der :focus kommt spätestens beim Klick auf den Link. Dann startet das Mailprogramm - und bekommt den Fokus vom Betriebssystem. Ein Fokus ist ein Highlander, es kann nur einen geben. Sobald das Mailprogramm schließt, kehrt der Fokus an seinen alten Platz im zuletzt geöffneten Fenster zurück, und öffnet das Info-Fenster wieder.

Rein mit CSS kann man das nicht lösen. Irgendwie musst Du bemerken, dass der Link geklickt wurde und dann das Infofenster ausblenden. Aber das ist gar nicht so einfach. Deine CSS Regeln sagen ja: ZEIGS MIR bei Fokus und Hover. Und Du musst dem hinzufügen: „Not right now, dear, I've got a headache mail“. Der Anfang dieses "Not right now" ist einfach festzulegen: Wenn der Link geklickt wird (netterweise hilft uns der Browser und schickt das click Event auch bei einem Fingertap oder der Enter-Taste). Aber wann ist Ende? Wann darf das Infofenster wieder erscheinen? Wenn man mit der Maus hinuntergeht? Der Fokus bleibt ja da. D.h. wenn Du beim mouseleave Event die Sperre entfernst, poppt das Info gleich wieder auf. Zusammen mit dem anderen Info-Fenster des Links, über dem die Maus jetzt hovert.

Ich weiß nicht, ob es dafür wirklich eine Lösung gibt. Die diversen Tutorien, die ich dazu kenne, ignorieren das Problem. Man hat den Fokus HIER und hovert DORT - und es sind zwei Popups offen. Viele Dropdown-Menüs machen sowas. Mich stört das, und ich finde es verwirrend.

Aber was wäre die Lösung? Sobald die Maus über einem fokussierbaren Dings auf der Seite hovert, schickt man den Fokus dorthin? Kann man mit JavaScript machen, aber das kann die Anwender ebenfalls in schwere Verwirrung stürzen. Man will ein Formular ausfüllen und zeigt mit der Maus auf "Name". Nun stört der Mauszeiger beim Schreiben, man schiebt die Maus weg, dummerweise auf das Feld "Wohnort". Schwupp, ist der Fokus dort. Das ist auch nicht die beste Lösung.

@Gunnar Bittersmann, was sagen die UI Kardinäle und Päpste zu dieser Zwickmühle?

Rolf