Aufklappfeld Bedienung

[Gunnar Bittersmann]

@@MudGuard

Aber bei den Buttons. Die wechseln ja ihren aria-expanded-Status von "false" auf "true" und andersrum – mit JavaScript.

Aber warum ändert sich der aria-expanded-Status des Buttons? Der Button ist doch nicht "expanded", der ist noch genauso groß wie vorher.

Der aria-expanded-Status müßte sich doch bei dem zu- bzw. aufgeklappten Element (div, section oder was auch immer das sein mag).

Steht doch im verlinkten Artikel unter State:

“Some make the mistake of placing aria-expanded on the target element rather than the control itself. This is understandable since it is the content that actually switches state. But, if you think about it, this wouldn't be any good: the user would have to find the expanded content — which is only possible if it's actually expanded! — and then look around for an element that might control it. State is, therefore, communicated through the control that one uses to switch it.”

Für das zugeklappte Element könnte man statt [aria-expanded="false"] + * { display: none } auch das HTML-Attribut hidden setzen – und hätte dann fürs Umschalten eine Zeile JavaScript mehr.

🖖 Живіть довго і процвітайте