Add alt text to SVGs

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
 

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.
 

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'
                     />

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'
                 />

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'
                 />

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,13 +45,15 @@ 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.'],
     },
     {
       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:'],

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',
     },
   ],
 };