fix: enhance accessibility by adding role attribute to SVG icons

4 files changed, 4 insertions, 4 deletions

diff --git a/src/components/Icons/Email.astro b/src/components/Icons/Email.astro
index 053b84e..5ad4d64 100644
--- a/src/components/Icons/Email.astro
+++ b/src/components/Icons/Email.astro
@@ -13,7 +13,7 @@
 </style>
 
 <a href="mailto:valentin@popov.link" title="E-Mail" target="_blank">
-	<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-label="E-Mail">
+	<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-label="E-Mail" aria-hidden="true">
 		<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
 		<polyline points="22,6 12,13 2,6"></polyline>
 	</svg>
diff --git a/src/components/Icons/GitHub.astro b/src/components/Icons/GitHub.astro
index 39a6c1f..9a8ea12 100644
--- a/src/components/Icons/GitHub.astro
+++ b/src/components/Icons/GitHub.astro
@@ -13,7 +13,7 @@
 </style>
 
 <a href="https://github.com/valentineus" title="GitHub" target="_blank">
-	<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-label="GitHub">
+	<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-label="GitHub" aria-hidden="true">
 		<path
 			d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"
 		>
diff --git a/src/components/Icons/LinkedIn.astro b/src/components/Icons/LinkedIn.astro
index 5e87e86..788be6e 100644
--- a/src/components/Icons/LinkedIn.astro
+++ b/src/components/Icons/LinkedIn.astro
@@ -13,7 +13,7 @@
 </style>
 
 <a href="https://www.linkedin.com/in/valentineus/" title="LinkedIn" target="_blank">
-	<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-label="LinkedIn">
+	<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-label="LinkedIn" aria-hidden="true">
 		<path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path>
 		<rect x="2" y="9" width="4" height="12"></rect>
 		<circle cx="4" cy="4" r="2"></circle>
diff --git a/src/components/Icons/RSS.astro b/src/components/Icons/RSS.astro
index 67f4c42..2d7686c 100644
--- a/src/components/Icons/RSS.astro
+++ b/src/components/Icons/RSS.astro
@@ -9,7 +9,7 @@
 </style>
 
 <a href="/feed.xml" title="RSS Feed" target="_blank">
-	<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-label="RSS Feed">
+	<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-label="RSS Feed" aria-hidden="true">
 		<path d="M4 11a9 9 0 0 1 9 9"></path>
 		<path d="M4 4a16 16 0 0 1 16 16"></path>
 		<circle cx="5" cy="19" r="1"></circle>