Fix missing label for footer site links

Since we lazyload the images the links before coming into view have just an empty span and a11y linters complain about missing labels for links.
eea · Oct 4, 2023 · 5703042 · 5703042
1 parent 7073a2a
commit 5703042
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/ui/Footer/FooterSites.jsx b/src/ui/Footer/FooterSites.jsx
@@ -12,7 +12,7 @@ const Sites = (props) => {
       const nextItem = logos[i + 1];
       column.push(
         <Grid.Column className="logo" key={i}>
-          <a className="logo" href={item.url}>
+          <a className="logo" href={item.url} aria-label={item.alt}>
             <LazyLoadComponent>
               <Image
                 className={item.className}
@@ -21,7 +21,7 @@ const Sites = (props) => {
               ></Image>
             </LazyLoadComponent>
           </a>
-          <a className="logo" href={nextItem.url}>
+          <a className="logo" href={nextItem.url} aria-label={item.alt}>
             <LazyLoadComponent>
               <Image
                 className={nextItem.className}