diff --git a/calico-enterprise_versioned_docs/version-3.19-2/about/calico-product-editions.mdx b/calico-enterprise_versioned_docs/version-3.19-2/about/calico-product-editions.mdx
index 2d14b64cd4..1fe1535174 100644
--- a/calico-enterprise_versioned_docs/version-3.19-2/about/calico-product-editions.mdx
+++ b/calico-enterprise_versioned_docs/version-3.19-2/about/calico-product-editions.mdx
@@ -9,19 +9,19 @@ import { CheckIcon } from '@chakra-ui/icons';
 ## Calico Open Source
 The base product that comprises both Calico Enterprise and Calico Cloud. It provides the core networking and network policy features.
 
-![calico-open-source](/img/calico/calico-open-source.svg)
+![Calico Open Source logo](/img/calico/calico-open-source.svg "Calico Open Source")
 
 ## Calico Enterprise
 
 Includes the Calico Open Source core networking and network policy, but adds advanced features for networking, network policy, visibility and troubleshooting, threat defense, and compliance reports.
 
-![calico-enterprise](/img/calico/calico-enterprise.svg)
+![Calico Enterprise logo](/img/calico/calico-enterprise.svg "Calico Enterprise")
 
 ## Calico Cloud
 
 The SaaS version of Calico Enterprise. It adds Image Assurance to scan and detect vulnerabilities in images, and container threat defense to detect malware. It also adds onboarding tutorials, and eliminates the cost to manage Elasticsearch logs and storage that comes with Calico Enterprise.
 
-![calico-cloud](/img/calico/calico-cloud.svg)
+![Calico Cloud logo](/img/calico/calico-cloud.svg "Calico Cloud")
 
 ## Best fit
 
diff --git a/calico_versioned_docs/version-3.29/about/calico-product-editions.mdx b/calico_versioned_docs/version-3.29/about/calico-product-editions.mdx
index 4adf37ea8d..df34863a2a 100644
--- a/calico_versioned_docs/version-3.29/about/calico-product-editions.mdx
+++ b/calico_versioned_docs/version-3.29/about/calico-product-editions.mdx
@@ -10,19 +10,19 @@ import { CheckIcon } from '@chakra-ui/icons';
 
 The base product that comprises both Calico Enterprise and Calico Cloud. It provides the core networking and network policy features.
 
-![calico-open-source](/img/calico/calico-open-source.svg)
+![Calico Open Source logo](/img/calico/calico-open-source.svg "Calico Open Source")
 
 ## Calico Enterprise
 
 Includes the Calico Open Source core networking and network policy, but adds advanced features for networking, network policy, visibility and troubleshooting, threat defense, and compliance reports.
 
-![calico-enterprise](/img/calico/calico-enterprise.svg)
+![Calico Enterprise logo](/img/calico/calico-enterprise.svg "Calico Enterprise")
 
 ## Calico Cloud
 
 The SaaS version of Calico Enterprise. It adds Image Assurance to scan and detect vulnerabilities in images, and container threat defense to detect malware. It also adds onboarding tutorials, and eliminates the cost to manage Elasticsearch logs and storage that comes with Calico Enterprise.
 
-![calico-cloud](/img/calico/calico-cloud.svg)
+![Calico Cloud logo](/img/calico/calico-cloud.svg "Calico Cloud")
 
 What is the best fit for you? It depends on your needs. The following table provides a high-level comparison.
 
diff --git a/src/___new___/components/ProductComparison/index.tsx b/src/___new___/components/ProductComparison/index.tsx
index d66d9f2e5d..d2d7327a8a 100644
--- a/src/___new___/components/ProductComparison/index.tsx
+++ b/src/___new___/components/ProductComparison/index.tsx
@@ -54,6 +54,7 @@ const ProductComparison: React.FC<ProductComparisonProps> = ({ isDarkMode, ...re
                   <Box sx={iconContainerStyle}>
                     <Image
                       src={info.image}
+                      alt={info.alt}
                       sx={iconStyle}
                       loading='lazy'
                     />
diff --git a/src/___new___/components/ProductInfo/index.tsx b/src/___new___/components/ProductInfo/index.tsx
index f84142121e..f2fd2ff289 100644
--- a/src/___new___/components/ProductInfo/index.tsx
+++ b/src/___new___/components/ProductInfo/index.tsx
@@ -42,6 +42,7 @@ const ProductInfo: React.FC<ProductInfoProps> = ({ sx, isDarkMode, ...rest }) =>
               <Box sx={sectionCol1Styles(hasDarkBg)}>
                 <Image
                   src={info.image}
+                  alt={info.alt}
                   sx={sectionScreenImage}
                   loading='lazy'
                 />
diff --git a/src/___new___/components/SelectDocs/index.tsx b/src/___new___/components/SelectDocs/index.tsx
index 4418a1dfc5..0334f540a5 100644
--- a/src/___new___/components/SelectDocs/index.tsx
+++ b/src/___new___/components/SelectDocs/index.tsx
@@ -45,6 +45,7 @@ const SelectDocs: React.FC<SelectDocsProps> = ({ isDarkMode, ...rest }) => (
               <Box sx={iconContainerStyle}>
                 <Image
                   src={info.image}
+                  alt={info.alt}
                   sx={iconStyle}
                   loading='lazy'
                 />
diff --git a/src/___new___/data/compareInfo.ts b/src/___new___/data/compareInfo.ts
index 895d2160c2..f4f70877f5 100644
--- a/src/___new___/data/compareInfo.ts
+++ b/src/___new___/data/compareInfo.ts
@@ -12,6 +12,7 @@ export default {
       ],
       linkDescription: 'Go to docs',
       image: 'img/calico-open-source.svg',
+      alt: 'Calico Open Source documentation',
     },
     {
       title: 'Calico Enterprise',
@@ -23,6 +24,7 @@ export default {
       ],
       linkDescription: 'Go to docs',
       image: 'img/calico-enterprise.drawio.svg',
+      alt: 'Calico Enterprise documentation',
     },
     {
       title: 'Calico Cloud',
@@ -34,6 +36,7 @@ export default {
       ],
       linkDescription: 'Go to docs',
       image: 'img/calico-cloud-features.svg',
+      alt: 'Calico Cloud documentation',
     },
   ],
   bestFit: [
@@ -42,6 +45,7 @@ export default {
       costSupport: ['Free, self-managed'],
       target: 'Users',
       image: 'img/calico-logo-badge.svg',
+      alt: 'Calico Open Source logo',
 
       bestFit: [' - Who want best-in-class networking and network policy capabilities.'],
     },
@@ -49,6 +53,7 @@ export default {
       title: 'Calico Enterprise',
       costSupport: ['Paid, self-managed'],
       image: '/img/calico-enterprise-logo-badge.svg',
+      alt: 'Calico Enterprise logo',
 
       target: 'Enterprise teams',
 
@@ -63,6 +68,7 @@ export default {
       title: 'Calico Cloud',
       costSupport: ['Pay-as-you-go, SaaS'],
       image: '/img/calico-cloud-logo-badge.svg',
+      alt: 'Calico Cloud logo',
 
       target: 'Small teams',
       bestFit: [' - Who need to manage the full spectrum of compliance in a web-based console for novice users:'],
diff --git a/src/___new___/data/selectDocsInfo.ts b/src/___new___/data/selectDocsInfo.ts
index 2d5b7febc3..d0989563c7 100644
--- a/src/___new___/data/selectDocsInfo.ts
+++ b/src/___new___/data/selectDocsInfo.ts
@@ -6,16 +6,19 @@ export default {
       title: 'Calico Open Source',
       link: '/calico/latest/about/',
       image: 'img/calico-logo-badge.svg',
+      alt: 'Calico logo',
     },
     {
       title: 'Calico Enterprise',
       link: '/calico-enterprise/latest/about/',
       image: '/img/calico-enterprise-logo-badge.svg',
+      alt: 'Calico Enterprise logo',
     },
     {
       title: 'Calico Cloud',
       link: 'calico-cloud/about',
       image: '/img/calico-cloud-logo-badge.svg',
+      alt: 'Calico Cloud logo',
     },
   ],
 };