ARIA

Attribute, die das Surfen von beeinträchtigten Personen vereinfachen

Accessible Rich Internet Applications (ARIA) ist eine Art Erweiterung von HTML in Form von Attributen, die festlegen, wie Webinhalte für Menschen mit Behinderungen besser zugänglich gemacht werden können.

Im Code der Navigation (s. letzte Seite) kommen einige ARIA-Attribute vor:

• aria-haspopup, Erklärung s. mdn web docs
• aria-expanded, Erklärung s. mdn web docs
• aria-labelledby, Erklärung s. mdn web docs
• aria-label, Erklärung s. mdn web docs

Hinweis: aria-labelledby und aria-label haben den gleichen Zweck.

Um was geht es ganz grundsätzlich? Das Video bietet dir einen guten Einstieg in das (komplexe) Thema.
"How aria-label works with ADA Accessibility in HTML", von "A Designer Who Codes"

Ein wichtiger Begriff für das Verständnis des Sachverhalts: discernible heisst auf deutsch "erkennbar", "wahrnehmbar"

Ist das Menü offen oder zu?

Das Attribut aria-expanded kann die beiden Werte true oder false annehmen, je nach dem Anzeige-Status des Dropdown-Menüs. Die Änderung des Wertes übernimmt im Beispiel-Projekt JavaScript.
Kurz: Ein kleiner Aufwand für dich als Webentwickler*in, ein grosse Hilfe jedoch für Menschen, die auf einen Screen Reader angewiesen sind.