svgs with title

Author: andnorda

src/lib/Glances.svelte

@@ -13,33 +13,33 @@
 <div class="glances">
 	<Glance heading="Utrulling" --color="#FF9100">
 		<div slot="icon">
-			<RocketIcon />
+			<RocketIcon aria-hidden />
 		</div>
 		<p slot="text">Nais tar ideene dine raskt fra kode til produksjon, uten nedetid.</p>
 	</Glance>
 	<Glance heading="Automatisering" --color="#634689">
 		<div slot="icon">
-			<CogRotationIcon />
+			<CogRotationIcon aria-hidden />
 		</div>
 		<p slot="text">Du sier hva du trenger, så setter Nais opp infrastrukturen automatisk.</p>
 	</Glance>
 	<Glance heading="Full oversikt" --color="#3380A5">
 		<div slot="icon">
-			<BulletListIcon />
+			<BulletListIcon aria-hidden />
 		</div>
 		<p slot="text">
 			Ha kontroll på det du har kjørende, hva det koster og hvor godt du utnytter det.
 		</p>
 	</Glance>
 	<Glance heading="Innsikt" --color="#939E00">
 		<div slot="icon">
-			<VitalsIcon />
+			<VitalsIcon aria-hidden />
 		</div>
 		<p slot="text">Verktøyene du trenger for å få innsikt i hvordan systemene dine oppfører seg.</p>
 	</Glance>
 	<Glance heading="Sikkerhet" --color="#06893A">
 		<div slot="icon">
-			<SealCheckmarkIcon />
+			<SealCheckmarkIcon aria-hidden />
 		</div>
 		<p slot="text">
 			Nais kommer med solide standardinnstillinger ut av boksen, og gir deg det du trenger for å
@@ -48,7 +48,7 @@
 	</Glance>
 	<Glance heading="Et Nais fellesskap" --color="#DE2E2E">
 		<div slot="icon">
-			<HandShakeHeartIcon />
+			<HandShakeHeartIcon aria-hidden />
 		</div>
 		<p slot="text">Vi er mange som bruker og utvikler Nais, og vi hjelper hverandre.</p>
 	</Glance>

src/lib/Header.svelte

@@ -19,9 +19,9 @@
 			height="1em"
 			fill="none"
 			viewBox="0 0 24 24"
-			focusable="false"
-			role="img">
-			<title>Åpne meny</title>
+			role="img"
+			aria-labelledby="open-icon-title">
+			<title id="open-icon-title">Åpne meny</title>
 			<path
 				fill="currentColor"
 				fill-rule="evenodd"
@@ -36,9 +36,9 @@
 			height="1em"
 			fill="none"
 			viewBox="0 0 24 24"
-			focusable="false"
-			role="img">
-			<title>Lukk meny</title>
+			role="img"
+			aria-labelledby="close-icon-title">
+			<title id="close-icon-title">Lukk meny</title>
 			<path
 				fill="currentColor"
 				d="M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z">
@@ -52,8 +52,15 @@
 			<li><a class="main-menu-item" class:isActive={isActive("log")} href="/log">Logg</a></li>
 			<li><a class="main-menu-item" href="mailto:[email protected]">Kontakt oss</a></li>
 		</ul>
-		<a class="github-link" href="https://github.com/nais" aria-label="Nais på Github">
-			<svg width="1em" height="1em" viewBox="0 0 98 98" xmlns="http://www.w3.org/2000/svg">
+		<a class="github-link" href="https://github.com/nais">
+			<svg
+				width="1em"
+				height="1em"
+				viewBox="0 0 98 98"
+				xmlns="http://www.w3.org/2000/svg"
+				aria-labelledby="github-icon-title"
+				role="img">
+				<title id="github-icon-title">Nais på Github</title>
 				<path
 					fill-rule="evenodd"
 					clip-rule="evenodd"

src/lib/icons/Navlogo.svelte

@@ -4,11 +4,10 @@
 	xmlns="http://www.w3.org/2000/svg"
 	fill="none"
 	viewBox="0 0 64 20"
-	focusable="false"
 	role="img"
-	aria-labelledby="logo-svg-title"
+	aria-labelledby="nav-logo-svg-title"
 	style="display: inline">
-	<title id="logo-svg-title">Nav</title>
+	<title id="nav-logo-svg-title">Nav</title>
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"

src/lib/icons/Ssblogo.svelte

@@ -4,8 +4,10 @@
 	height="0.9em"
 	viewBox="0 0 499.43 91.43"
 	fill="currentColor"
+	role="img"
+	aria-labelledby="ssb-logo-title"
 	{...$$restProps}>
-	<title>Statistisk sentralbyrå</title>
+	<title id="ssb-logo-title">Statistisk sentralbyrå</title>
 	<path
 		d="M117.76,36.13l3.22-4a9.19,9.19,0,0,0,6.78,3.41c2.61,0,3.91-1.19,3.91-2.88,0-2-1.45-2.72-4.75-3.83-4.1-1.46-8.21-3.37-8.21-8.51,0-4.37,3.84-7.71,8.75-7.78A13.87,13.87,0,0,1,136.62,16l-3.11,4.06c-2.26-1.88-4.25-2.68-5.94-2.68-1.88,0-3.26,1-3.26,2.72s1.46,2.41,4.57,3.64c4.71,1.84,8.43,3.07,8.43,8.32,0,5.94-5.18,8.36-9.62,8.36A13.58,13.58,0,0,1,117.76,36.13Z" />
 	<path