From 83c786eafec2856e282ec2533af4f656b65786c3 Mon Sep 17 00:00:00 2001
From: gulam159 <gulammohi159@outlook.com>
Date: Mon, 18 Nov 2024 17:46:43 +0530
Subject: [PATCH 1/3] fix: add-alt-text for use case

---
 src/components/_Sections.js | 55 ++++++++++++++++++-------------------
 1 file changed, 26 insertions(+), 29 deletions(-)

diff --git a/src/components/_Sections.js b/src/components/_Sections.js
index d5a7c101..df961c7d 100644
--- a/src/components/_Sections.js
+++ b/src/components/_Sections.js
@@ -45,22 +45,27 @@ const useCases = [
   {
     title: "Microservices Orchestration",
     image: "/content/img/usecases/microservices.svg",
+    alt: "microservices orchestration",
   },
   {
     title: "API Orchestration",
     image: "/content/img/usecases/api.svg",
+    alt: "API orchestration",
   },
   {
     title: "Data Pipeline Orchestration",
     image: "/content/img/usecases/cicd.svg",
+    alt: "data pipeline",
   },
   {
     title: "Orchestrate Human Flows",
     image: "/content/img/usecases/humanflows.svg",
+    alt: "human flows",
   },
   {
     title: "Event Driven Orchestration",
     image: "/content/img/usecases/events.svg",
+    alt: "event orchestration",
   },
 ];
 
@@ -108,7 +113,8 @@ const accordionData = [
   {
     title: "Integrate With Applications",
     description: "Integrate the workflows into your application using SDKs.",
-    image: "/content/img/what-conductor-can-do/8_Integrate-With-Applications.png",
+    image:
+      "/content/img/what-conductor-can-do/8_Integrate-With-Applications.png",
   },
   {
     title: "Debug Visually",
@@ -226,50 +232,41 @@ const IconHeader = ({ icon, header }) => (
 
 export const SDKList = ({}) => (
   <div className={styles.sdklist}>
-    <a
-      className={"aClass"}
-      href={"/content/sdks/java"}
-    >
-      <img src="/content/img/java.svg" style={{ height: 75, width: 75, margin: 5 }} />
+    <a className={"aClass"} href={"/content/sdks/java"}>
+      <img
+        src="/content/img/java.svg"
+        style={{ height: 75, width: 75, margin: 5 }}
+      />
     </a>
-    <a
-      className={"aClass"}
-      href={"/content/sdks/python"}
-    >
+    <a className={"aClass"} href={"/content/sdks/python"}>
       <img
         src="/content/img/Python_logo.svg"
         style={{ height: 75, width: 75, margin: 5 }}
       />
     </a>
-    <a
-      className={"aClass"}
-      href={"/content/sdks/csharp"}
-    >
-      <img src="/content/img/csharp.png" style={{ height: 75, width: 75, margin: 5 }} />
+    <a className={"aClass"} href={"/content/sdks/csharp"}>
+      <img
+        src="/content/img/csharp.png"
+        style={{ height: 75, width: 75, margin: 5 }}
+      />
     </a>
-    <a
-      className={"aClass"}
-      href={"/content/sdks/javascript"}
-    >
+    <a className={"aClass"} href={"/content/sdks/javascript"}>
       <img
         src="/content/img/JavaScript_logo_2.svg"
         style={{ height: 75, width: 75, margin: 5 }}
       />
     </a>
-    <a
-      className={"aClass"}
-      href={"/content/sdks/golang"}
-    >
+    <a className={"aClass"} href={"/content/sdks/golang"}>
       <img
         src="/content/img/Go_Logo_Blue.svg"
         style={{ height: 75, width: 75, margin: 5 }}
       />
     </a>
-    <a
-      className={"aClass"}
-      href={"/content/sdks/clojure"}
-    >
-      <img src="/content/img/clojure.png" style={{ height: 75, width: 75, margin: 5 }} />
+    <a className={"aClass"} href={"/content/sdks/clojure"}>
+      <img
+        src="/content/img/clojure.png"
+        style={{ height: 75, width: 75, margin: 5 }}
+      />
     </a>
   </div>
 );
@@ -377,7 +374,7 @@ export const UseCasesSection = ({}) => (
       {useCases &&
         useCases.map((item, index) => (
           <div className={styles.useCase} key={index}>
-            <img src={item.image}></img>
+            <img src={item.image} alt={item.alt}></img>
             <div className={styles.useCaseTitle}>{item.title}</div>
           </div>
         ))}

From 0b21888e673478451a39f0ff60a7e8db85651c0c Mon Sep 17 00:00:00 2001
From: RizaFarheen <rizafarheen@gmail.com>
Date: Mon, 18 Nov 2024 16:20:22 +0400
Subject: [PATCH 2/3] Update _Sections.js

---
 src/components/_Sections.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/_Sections.js b/src/components/_Sections.js
index df961c7d..eda012f7 100644
--- a/src/components/_Sections.js
+++ b/src/components/_Sections.js
@@ -45,27 +45,27 @@ const useCases = [
   {
     title: "Microservices Orchestration",
     image: "/content/img/usecases/microservices.svg",
-    alt: "microservices orchestration",
+    alt: "Microservices Orchestration",
   },
   {
     title: "API Orchestration",
     image: "/content/img/usecases/api.svg",
-    alt: "API orchestration",
+    alt: "API Orchestration",
   },
   {
     title: "Data Pipeline Orchestration",
     image: "/content/img/usecases/cicd.svg",
-    alt: "data pipeline",
+    alt: "Data Pipeline Orchestration",
   },
   {
     title: "Orchestrate Human Flows",
     image: "/content/img/usecases/humanflows.svg",
-    alt: "human flows",
+    alt: "Orchestrate Human Flows",
   },
   {
     title: "Event Driven Orchestration",
     image: "/content/img/usecases/events.svg",
-    alt: "event orchestration",
+    alt: "Event Driven Orchestration",
   },
 ];
 

From f547a356784eb85555cc3131c2c66c4ffa056d30 Mon Sep 17 00:00:00 2001
From: gulam159 <gulammohi159@outlook.com>
Date: Mon, 18 Nov 2024 17:55:37 +0530
Subject: [PATCH 3/3] fix: add alt text to SDKList

---
 src/components/_Sections.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/_Sections.js b/src/components/_Sections.js
index eda012f7..b3bf70a6 100644
--- a/src/components/_Sections.js
+++ b/src/components/_Sections.js
@@ -236,36 +236,42 @@ export const SDKList = ({}) => (
       <img
         src="/content/img/java.svg"
         style={{ height: 75, width: 75, margin: 5 }}
+        alt="Java SDK"
       />
     </a>
     <a className={"aClass"} href={"/content/sdks/python"}>
       <img
         src="/content/img/Python_logo.svg"
         style={{ height: 75, width: 75, margin: 5 }}
+        alt="Python SDK"
       />
     </a>
     <a className={"aClass"} href={"/content/sdks/csharp"}>
       <img
         src="/content/img/csharp.png"
         style={{ height: 75, width: 75, margin: 5 }}
+        alt="C# SDK"
       />
     </a>
     <a className={"aClass"} href={"/content/sdks/javascript"}>
       <img
         src="/content/img/JavaScript_logo_2.svg"
         style={{ height: 75, width: 75, margin: 5 }}
+        alt="JavaScript SDK"
       />
     </a>
     <a className={"aClass"} href={"/content/sdks/golang"}>
       <img
         src="/content/img/Go_Logo_Blue.svg"
         style={{ height: 75, width: 75, margin: 5 }}
+        alt="Go SDK"
       />
     </a>
     <a className={"aClass"} href={"/content/sdks/clojure"}>
       <img
         src="/content/img/clojure.png"
         style={{ height: 75, width: 75, margin: 5 }}
+        alt="Clojure SDK"
       />
     </a>
   </div>