2 Flyout-Menüs im Wiki

[Gunnar Bittersmann]

@@Rolf B

Muss man visually hidden nehmen? Ich habe das nicht so intensiv verfolgt... Geht nicht aria-label?

Ginge zur Not auch. Es ist aber immer besser, Inhalt in HTML-Elementen zu haben, nicht in Attributwerten. U.a. weil AFAIK automatische Übersetzer Attributwerte nicht übersetzen (hier bspw. „Close“ in „Schließen“).

Bei aria-labelledby hätte man den Inhalt auch in einem (anderen) Element:

<button aria-labelledby="close">
  <span aria-hidden="true">×</span>
</button>
⋮

<button aria-labelledby="close">
  <span aria-hidden="true">×</span>
</button>
⋮

<p id="close" hidden="">close</p>

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