Add alt to images

compendium-frontend/src/components/global/Banner.tsx

@@ -22,7 +22,7 @@ function Banner({ children, type }: inputProps): ReactElement {
                 <Row>
                     <Row>
                         <div className="section-container">
-                            <img src={SectionDataLogo} style={{ maxWidth: '7rem', marginBottom: '1rem' }} />
+                            <img src={SectionDataLogo} style={{ maxWidth: '7rem', marginBottom: '1rem' }} alt="Compendium Data logo" />
                             <div style={{ display: "flex", alignSelf: "right" }}>
                                 <div className="center-text" style={{ paddingTop: '1rem' }}>
                                     {children}

compendium-frontend/src/components/global/ExternalPageNavBar.tsx

@@ -17,7 +17,7 @@ function ExternalPageNavBar(): ReactElement {
                     <Col xs={10}>
                         <div className="nav-wrapper">
                             <nav className="header-nav">
-                                <a href="https://geant.org/"><img src={GeantLogo} /></a>
+                                <a href="https://geant.org/"><img src={GeantLogo} alt="GÉANT Logo" /></a>
 
                                 <ul>
                                     <li><a className="nav-link-entry" href="https://network.geant.org/">NETWORK</a></li>

compendium-frontend/src/components/global/GeantFooter.tsx

@@ -11,9 +11,9 @@ function GeantFooter(): ReactElement {
             <Row>
                 <Col>
                     <a href="https://geant.org">
-                        <img src={GeantLogo} className="m-3" style={{ maxWidth: "100px" }} />
+                        <img src={GeantLogo} className="m-3" style={{ maxWidth: "100px" }} alt="GÉANT Logo" />
                     </a>
-                    <img src={EULogo} className="m-3" style={{ maxWidth: "200px" }} />
+                    <img src={EULogo} className="m-3" style={{ maxWidth: "200px" }} alt="European Union Flag" />
                 </Col>
                 <Col className="mt-4 text-end">
                     <span>

compendium-frontend/src/components/global/SectionLink.tsx

@@ -16,7 +16,7 @@ function SectionLink({ section }: inputProps): ReactElement {
 
 
             </div>
-            <img src={SectionDataLogo} style={{ maxWidth: "4rem" }} />
+            <img src={SectionDataLogo} style={{ maxWidth: "4rem" }} alt="Compendium Data logo" />
 
         </div>
     );