Gunnar Bittersmann: Fehlerhafte Darstellungen im Edge

Beitrag lesen

@@einsiedler

Okay, dann ist wäre es so richtig?

Der Syntax-Highlighler zeigt dir schon, dass nicht. (Nicht, dass der immer recht hätte …)

  	  <svg aria-hidden="true"><href="mein link"/></svg>

Da fehlt wohl was. Du meinst <use xlink:href=""/>? Und der Attributwert muss ein gültiger URI zu einem symbol (o.ä.) ein einer SVG sein. Sowas wie #hamburger-icon oder https://example.net/path/to/icons.svg#hamburger-icon.

  	  <span class="visually-hidden> Hauptnavigation</span>

Da fehlt auch was.

  		<a class="a-link" href="http://xxx.de/aktuell.html">Aktuelles</a>

Bitte verwende für Beispieldomains die nach BCP 32 dafür vorgesehenen (z.B. example.net), keine Rotlichtseiten.

Wobei ich [visually-hidden] { display: none !important } setze? Wäre das nun richtig?

Nein, das wäre ganz und gar falsch. Wenn du etwas visuell verstecken willst, darfst du das nciht mit display: none tun, denn dann wäre es komplett weg, auch aus dem accesibility tree (wird dann also auch nicht vom Screenreader vorgelesen). Wie’s richtig geht, hatte ich dir bereits verlinkt.

LLAP 🖖

--
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann