From 9dbee6067c360f158b3b7492e644e2a1d705cd54 Mon Sep 17 00:00:00 2001
From: Thomas Verleye <thomasverleye@live.be>
Date: Mon, 20 Dec 2021 13:17:07 +0100
Subject: [PATCH] =?UTF-8?q?img=20=E2=80=94=20empty=20`alt`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

It's better for accessibility to add an empty alt attribute instead of none:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-alt
This resolves a lot of lighthouse error messages.
---
 src/Image/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Image/index.tsx b/src/Image/index.tsx
index 0d7e7cd..3607f01 100644
--- a/src/Image/index.tsx
+++ b/src/Image/index.tsx
@@ -228,7 +228,7 @@ export const Image: React.FC<ImagePropTypes> = function ({
           {data.src && (
             <img
               src={data.src}
-              alt={data.alt}
+              alt={data.alt ?? ''}
               title={data.title}
               className={pictureClassName}
               style={{ ...absolutePositioning, ...pictureStyle }}