Klick auf ein Wort - text öffnet sich in anderem Div container

[Gunnar Bittersmann]

@@Gegsoft:

nuqneH

Wer hat sich da verclickt? Wieder mal ein Beispiel dafür, dass der „Nicht-hilfreich“-Button fehlt, um eine zu unrecht vergebene Bewertung zu korrigieren.

In der Übersicht können die Container dann eingeblendet werden, indem mittels Javascript-Anweisungen das display-Attribut gelöscht wird.

Und wie bekommt ein Screenreader das mit, dass sich die Sichtbarkeit ändert?

Nein, mit JavaScript den Wert der display-Eigenschaft zu ändern ist nicht der Weg, den man gehen sollte. Wie man überhaupt mit JavaScript so gut wie nie Werte von CSS-Eigenschaften ändern sollte.

Man kann nun Screenreadern mit ARIA-Attributen nachhelfen. Besser dürfte aber sein, gleich das HTML-Attribut 'hidden' zu verwenden.

<div onclick="[code lang=javascript]document.getElementById('p1').style.display = ''">1. Punkt</div>
<div onclick="document.getElementById('p2').style.display = ''">2. Punkt</div>
[/code]

Für Buttons div zu verwenden ist ziemlicher Unsinn. div kann man nicht per Tastatur anwählen. Hier wäre mit tabindex nachzuhelfen. Was aber Quatsch wäre, weil es ein HTML-Element für Buttons gibt: button. (Sogar zwei: input.) Der Titel Reinventing The Hyperlink war sarkastisch gemeint!

Ich hoffe, dass das Dein Problem löst.

Leider nein.

Qapla'