Gunnar Bittersmann: Problem mit Javascript visibility

Beitrag lesen

@@mnike05

Wo liegt mein Denkfehler?

Ein schwerwiegender liegt hier:

Mit einem Link rufe ich eine Javascript-Funktion auf, die die Details einblenden soll:

Links sind für Verweise zu anderen Seiten bzw. Stellen. Für Aktionen auf einer Seite sind Buttons da. Links und Buttons zu unterscheiden ist wichtig für Bedienbarkeit einer Seite.

Und noch was:

<div style='visibility: hidden;' id='1234'>
element.style.visibility='visible';

Man sollte Stilangeben i.a.R. nicht direkt mit JavaScript ändern. Hier wäre das hidden-Attribut zu verwenden:
<div hidden id='1234'>

Mit JavaScript entfernen: element.hidden = false; oder element.removeAttribute('hidden'); (wobei letzteres wohl auch in noch älteren Browsern funktioniert).

Wenn du die Sichtbarkeit über visibility steuern willst, im Stylesheet:

[hidden]
{
	display: block;
	visibility: hidden;
}

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory