From 0e44589df1254ec136f630daba098b47362db38f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mattias=20Str=C3=B6mberg?= <mattias.stromberg@sweco.se>
Date: Thu, 21 Nov 2024 14:14:24 +0100
Subject: [PATCH] Add alt text to logo

---
 apps/admin/src/views/mapoptions.jsx | 21 +++++++++++++++++++++
 apps/client/src/components/App.js   |  4 +++-
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/apps/admin/src/views/mapoptions.jsx b/apps/admin/src/views/mapoptions.jsx
index 2305bbb97..c50772422 100644
--- a/apps/admin/src/views/mapoptions.jsx
+++ b/apps/admin/src/views/mapoptions.jsx
@@ -1132,6 +1132,27 @@ class MapOptions extends Component {
                 }}
               />
             </div>
+            <div>
+              <label>
+                Alternativtext för logotyp{" "}
+                <i
+                  className="fa fa-question-circle"
+                  data-toggle="tooltip"
+                  title="En text beskrivning som ger bildinformation vid skärmläsare eller om bilden saknas."
+                />
+              </label>
+              <input
+                type="text"
+                ref="input_logoAltText"
+                value={this.state.logoAltText}
+                className={this.getValidationClass("logoAltText")}
+                onChange={(e) => {
+                  this.setState({ logoAltText: e.target.value }, () =>
+                    this.validateField("logoAltText")
+                  );
+                }}
+              />
+            </div>
             <div>
               <label>
                 Legend options{" "}
diff --git a/apps/client/src/components/App.js b/apps/client/src/components/App.js
index 84762072e..fed850bb9 100644
--- a/apps/client/src/components/App.js
+++ b/apps/client/src/components/App.js
@@ -967,6 +967,8 @@ class App extends React.PureComponent {
       config.mapConfig.map.logo || // If neither was set, try to see if we have the legacy admin parameter.
       "logo.png"; // If we didn't have this either, fallback to hard-coded value.
 
+    const logoAltText = config.mapConfig.map.logoAltText || "Logotype";
+
     return (
       <>
         <Box
@@ -975,7 +977,7 @@ class App extends React.PureComponent {
             height: (theme) => theme.spacing(6),
           }}
         >
-          <LogoImage alt="" src={logoUrl} />
+          <LogoImage alt={logoAltText} src={logoUrl} />
         </Box>
         <Divider />
         <DrawerHeaderGrid