Rolf B: Bildunterschrift im iframe anzeigen

Beitrag lesen

Hallo Gunnar,

das ist eine andere Frage. Die hab ich mir auch gestellt, und mir gedacht: das ist ein Nebenschauplatz. Es ist ja auch ganz nett, wenn man nur die Maus schubsen muss und das Bild wechselt, ohne dass man klickt. Die Zugänglichkeit beeinträchtigt das mNn auch nicht.

Hauptsächlich ging es mir um den Aspekt, dem iframe einen bildspezifischen Untertitel zuzuordnen. Da sehe ich JavaScript am Start. Oder (Bier wegstell)...

<ul id="bilderliste">
<li>
  <a onmouseover="this.click(); this.focus();" 
     href="bild17_4.xyz" target="bildframe">Bild 17+4</a>
  <p class="description">Dies ist die elegante 17 über einer grünen 4</p>
</li>
<ul>
#bilderliste .description {
   position: absolute;
   left: ...; top: ...;   /* unterm iframe halt */
   display: none;
}
#bilderliste a:focus .description {
   display: block;
}

Braucht vermutlich noch ein paar Tweaks und eine Prise aria, damit ein Screenreader merkt, dass die Fokussierung die sichtbare Description geändert hat, aber könnte glatt funktionieren… Wenn man will auch ohne onmouseover, dafür mit manüllem Klick. Oder einfach nur durchtabben.

Rolf

--
sumpsi - posui - obstruxi