Fehlerhafte Darstellungen im Edge

[einsiedler]

Okay, dann ist wäre es so richtig?

<div class="contentspan">
	<a class="anzume" href="#main-nav">zum Hauptmenü</a>
		<nav id="main-nav" aria-label="main navigation">
			<button aria-expanded="false">
			  <svg aria-hidden="true"><href="mein link"/></svg>
			  <span class="visually-hidden> Hauptnavigation</span>
			</button>
	<ul>
		<li>
				<a class="a-link" href="http://xxx.de/aktuell.html">Aktuelles</a>
						<button aria-expanded="false">
				       <svg aria-hidden="true"><href="mein link"/></svg>
						   <span class="visually-hidden> Subnavigation Item 1</span>
						</button>
						<div class=nav-group>
								<a class="a-sublink" href="http://xxx/ausstellungen.html">aktuelle Ausstellungen</a>
								<a class="a-sublink" href="http://xxx/ausstellungen.html">Blog</a>
							</div>
		</li>

		<li>
				<a class="a-link" href="http://xxx.de/arbeiten.html">Arbeiten</a>
					  <button aria-expanded="false"> 
								<svg aria-hidden="true"><href="mein link"/></svg>
								<span class="visually-hidden> Subnavigation Item 1</span>
					  </button>
						<div class=nav-group>
								<a class="a-sublink" href="http://xxx/arbeit01.html">Drifters, 2012</a>
								 <a class="a-sublink" href="http://xxx/arbeit02.html">Waldfrieden, 2006</a>
								 <a class="a-sublink" href="http://xxx/arbeit03.html">Eremitage für Paris, 2006</a>
								 <a class="a-sublink" href="http://xxx/arbeit04.html">Der Bau, 2007</a>
								 
						</div>
		</li>
  </ul>
</div>

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