CSS Navbar ok oder gehts übersichtlicher?

[Matthias Scharwies]

Servus!

@@Matthias Scharwies

Du hast in deinem Beispiel visually-hidden verwendet. […]
[Ich] würde gerne auf .screenreader-only oder sowas verzichten.

Bei aria-label steht der Text in einem Attribut; bei <span class="visually-hidden"> (oder wie auch immer man die Klasse nennt) steht der Text in einem Element.

Das Hauptargument gegen ersteres ist IIRC, dass Attributwerte von automatischen Übersetzern nicht übersetzt werden. (Oder haben die inzwischen eine Liste von Attributen, deren Werte sie doch übersetzen sollen? alt fiele mir ein.)

Ansonsten sollten beide Varianten gleichwertig sein; zweite aber bevorzugt.

---

Sollte die ul ul eine id und der button ein aria-controls enthalten?

Ich hab da Heydon im Ohr, der sagt: braucht man nicht, wenn das gesteuerte Element unmittelbar nach dem Button folgt.

Danke!!

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

Herzliche Grüße

Matthias Scharwies