From 8e9e27ca4715648aff3e0f42623a120494097e15 Mon Sep 17 00:00:00 2001
From: Filip Stoyanov <filip.stoyanov@iohk.io>
Date: Fri, 6 Jun 2025 17:42:28 +0100
Subject: [PATCH] filip(fix): apply EAA amends

---
 docusaurus.config.ts                                |  1 +
 .../DocumentationWebsites/GridSectionEntry.tsx      |  4 +++-
 .../Homepage/DocumentationWebsites/WebsitesGrid.tsx | 13 ++++++++++++-
 src/components/Homepage/SectionSubHeading.js        |  3 ++-
 src/css/custom.css                                  |  1 +
 src/theme/Footer/Layout/index.js                    |  4 ++--
 6 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 052dac25..0bb81031 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -186,6 +186,7 @@ const config: Config = {
                   </defs>
                 </svg>`,
           href: 'https://github.com/input-output-hk/cardano-documentation',
+          'aria-label': 'Github',
           position: 'right',
         },
       ],
diff --git a/src/components/Homepage/DocumentationWebsites/GridSectionEntry.tsx b/src/components/Homepage/DocumentationWebsites/GridSectionEntry.tsx
index f4fca37b..804fb458 100644
--- a/src/components/Homepage/DocumentationWebsites/GridSectionEntry.tsx
+++ b/src/components/Homepage/DocumentationWebsites/GridSectionEntry.tsx
@@ -43,6 +43,7 @@ type Props = {
   theme?: string
   url: string
   index: number
+  altText
 }
 
 export const GridSectionEntry: React.FC<Props> = ({
@@ -52,6 +53,7 @@ export const GridSectionEntry: React.FC<Props> = ({
   theme,
   url,
   index,
+  altText,
 }) => (
   <Link href={url} target="_blank">
     <StyledEntry
@@ -66,7 +68,7 @@ export const GridSectionEntry: React.FC<Props> = ({
         hidden: { opacity: 0, y: 100 },
       }}
     >
-      {imgSrc && <img src={useBaseUrl(imgSrc)} />}
+      {imgSrc && <img src={useBaseUrl(imgSrc)} alt={altText} />}
       {text && <BrandText>{text}</BrandText>}
     </StyledEntry>
   </Link>
diff --git a/src/components/Homepage/DocumentationWebsites/WebsitesGrid.tsx b/src/components/Homepage/DocumentationWebsites/WebsitesGrid.tsx
index 44fdef1a..1bcbf03f 100644
--- a/src/components/Homepage/DocumentationWebsites/WebsitesGrid.tsx
+++ b/src/components/Homepage/DocumentationWebsites/WebsitesGrid.tsx
@@ -32,7 +32,7 @@ const GridSection = styled.div`
   }
 `
 
-const GridSectionHeading = styled.h4`
+const GridSectionHeading = styled.span`
   color: #1c1e21;
 
   font-size: 16px;
@@ -50,12 +50,14 @@ const WebsitesGrid = () => (
         color={'#F1F5FF'}
         imgSrc={'assets/websites-grid/dev-portal.svg'}
         url={'https://developers.cardano.org/'}
+        altText={'Cardano dev portal'}
         index={0}
       />
       <GridSectionEntry
         color={'#F1F5FF'}
         imgSrc={'assets/websites-grid/node-tests.svg'}
         url={'https://tests.cardano.intersectmbo.org/'}
+        altText={'Cardano node tests'}
         index={4}
       />
     </GridSection>
@@ -66,24 +68,28 @@ const WebsitesGrid = () => (
         color={'#F1F5FF'}
         imgSrc={'assets/websites-grid/plinth.svg'}
         url={'https://plutus.cardano.intersectmbo.org/docs/'}
+        altText={'Plinth docs'}
         index={1}
       />
       <GridSectionEntry
         color={'#511CF7'}
         imgSrc={'assets/websites-grid/marlowe.svg'}
         url={'https://docs.marlowe.iohk.io/docs/introduction'}
+        altText={'Marlowe docs'}
         index={5}
       />
       <GridSectionEntry
         color={'#25272E'}
         imgSrc={'assets/websites-grid/aiken.png'}
         url={'https://aiken-lang.org/'}
+        altText={'Aiken'}
         index={8}
       />
       <GridSectionEntry
         color={'#F1F5FF'}
         imgSrc={'assets/websites-grid/builder-tools.svg'}
         url={'https://developers.cardano.org/tools/'}
+        altText={'Cardano dev portal builder tools'}
         index={10}
       />
     </GridSection>
@@ -96,12 +102,14 @@ const WebsitesGrid = () => (
         }
         imgSrc={'assets/websites-grid/hydra.svg'}
         url={'https://hydra.family/head-protocol/'}
+        altText={'Hydra docs'}
         index={2}
       />
       <GridSectionEntry
         color={'#000000'}
         imgSrc={'assets/websites-grid/mythril.svg'}
         url={'https://mithril.network/doc/'}
+        altText={'Mithril docs'}
         index={6}
       />
     </GridSection>
@@ -112,18 +120,21 @@ const WebsitesGrid = () => (
         color={'#0128AA'}
         text={'Intersect'}
         url={'https://docs.intersectmbo.org/'}
+        altText={'Intersect docs'}
         index={3}
       />
       <GridSectionEntry
         theme={'linear-gradient(90deg, #EAEFFD 0%, #FCF3F0 100%);'}
         imgSrc={'assets/websites-grid/gov-tool.svg'}
         url={'https://docs.gov.tools/'}
+        altText={'Cardano Gov tool docs'}
         index={7}
       />
       <GridSectionEntry
         color={'rgba(42, 65, 232, 0.10)'}
         imgSrc={'assets/websites-grid/catalyst.svg'}
         url={'https://docs.projectcatalyst.io/'}
+        altText={'Project catalyst'}
         index={9}
       />
     </GridSection>
diff --git a/src/components/Homepage/SectionSubHeading.js b/src/components/Homepage/SectionSubHeading.js
index f75f8ef5..56692d2f 100644
--- a/src/components/Homepage/SectionSubHeading.js
+++ b/src/components/Homepage/SectionSubHeading.js
@@ -1,13 +1,14 @@
 import * as React from 'react'
 import styled from '@emotion/styled'
 
-const SubHeading = styled.h4`
+const SubHeading = styled.span`
   ${(props) => props.color && `color: ${props.color};`}
   font-size: 1rem;
   font-style: normal;
   font-weight: 400;
   line-height: 1.5rem;
   justify-self: center;
+  margin: var(--ifm-heading-margin-top) 0 var(--ifm-heading-margin-bottom) 0;
 `
 
 const SectionSubHeading = (props) => (
diff --git a/src/css/custom.css b/src/css/custom.css
index e125147c..06ac914b 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -467,6 +467,7 @@ body {
   list-style-type: none;
   padding: 1rem 0;
   border-top: 1px solid #505660;
+  margin: 0;
 }
 
 .footer-bottom-links > .footer__item {
diff --git a/src/theme/Footer/Layout/index.js b/src/theme/Footer/Layout/index.js
index 32b398cb..4cceb8bb 100644
--- a/src/theme/Footer/Layout/index.js
+++ b/src/theme/Footer/Layout/index.js
@@ -18,7 +18,7 @@ export default function FooterLayout({ style, links, logo, copyright }) {
           {(logo || copyright) && (
             <div className="footer__bottom">{copyright}</div>
           )}
-          <div className="footer-bottom-links">
+          <ul className="footer-bottom-links">
             <li key={'bottom-1'} className="footer__item">
               <FooterLinkItem
                 item={{
@@ -35,7 +35,7 @@ export default function FooterLayout({ style, links, logo, copyright }) {
                 }}
               />
             </li>
-          </div>
+          </ul>
         </div>
       </Section>
     </footer>