Menü-Manipulation via CSS

[Gunnar Bittersmann]

@@Beginner

Beadcrumbs-Beispiele

Zumindest tasturbedienbar.

Screenreader-tauglich ist das nicht:

• für die Auslassungspunkte fehlt der Alternativtext
• das li-Element wurde anclickbar gemacht; es wird aber nicht als Button angesagt.

So geht’s richtig:

<li>
  <button>
    <span class="visually-hidden">weitere Brotkrümel anzeigen</button>
  </button>
</li>

mit den CSS-Regeln für .visually-hidden. Den click-Eventhandler dann für den Button und tabindex="0" beim li kommt weg.

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