diff --git a/_includes/features.html b/_includes/features.html
index c31821fbd9..9a64b81a36 100644
--- a/_includes/features.html
+++ b/_includes/features.html
@@ -126,7 +126,7 @@ <h2 class="feature-title"><span class="special-text">Performance Profiles</span>
     <div class="container flex">
         <div class="text ">
             <img src="/assets/images/kanvas-icon-color.svg" style="max-width:20%;position:relative;float:left;
-                    margin-right:20px;margin-bottom: 10px;" loading="lazy" />
+                    margin-right:20px;margin-bottom: 10px;" loading="lazy" alt="kanvas image"/>
             <h2 class="feature-title">Dry-run your changes to your infra <span class="special-text">before you merge</span></h2>
             <p>Get snapshots of your infrastructure directly in your PRs. Preview your deployment, view changes pull request-to-pull request and get infrastructure snapshots within your PRs by connecting Kanvas to your GitHub repositories.</p>
             <!-- <ul style="line-height: 1.5em;height: auto;text-align: left; color: var(--color-secondary-light)">
@@ -147,7 +147,8 @@ <h2 class="feature-title">Dry-run your changes to your infra <span class="specia
                         <div class="gradient-box-before">Before</div>
                     </div>
                 </div>
-                <input type="range" min="1" max="100" value="50" class="slider" name='slider' id="slider">
+                <label for="slider" id="slider-label">Slider</label>
+                <input type="range" min="1" max="100" value="50" class="slider" name='slider' id="slider" aria-labelledby="gradient-box-before gradient-box-after">
                 <div class='slider-button'></div>
             </div>
     </div>
@@ -189,7 +190,7 @@ <h2 class="feature-title">Manage data plane intelligence with <span class="speci
         <div class="image flex" style="flex-flow: column wrap;">
             <div align="center" style="margin-top: 3rem;">
                 <button id="video-modal" class="link recording-link" style="width:100%"><img
-                        src="/assets/images/features/wasm-filter-mgmt-poster.png" loading="lazy" ></button>
+                        src="/assets/images/features/wasm-filter-mgmt-poster.png" loading="lazy" alt="Envoy WASM Filter Management image" aria-label="Envoy WASM Filter Management image"></button>
                 <!-- <p style="font-size: 1rem;margin:0rem;padding:0rem;color:#666;font-style: italic;">(excerpt: patterns
                     in-action)</p> -->
                 {% include video-modal.html
@@ -210,8 +211,8 @@ <h2 class="feature-title">Control all of your infrastructure with <span class="s
         </div>
         <div class="image flex">
             <a style="width: 100%;" href="/assets/images/features/ctl/mesheryctl-system-update.jpeg" data-fancybox="images"
-                data-caption="Webassembly based Envoy Filters">
-                <img src="/assets/images/features/ctl/mesheryctl-system-update.jpeg" class="screenshot" loading="lazy" />
+                data-caption="Webassembly based Envoy Filters" aria-label="Webassembly based Envoy Filters">
+                <img src="/assets/images/features/ctl/mesheryctl-system-update.jpeg" class="screenshot" loading="lazy" alt="Webassembly based Envoy Filter image" />
             </a>
         </div>
     </div>
@@ -253,8 +254,8 @@ <h2 class="feature-title">Access the <span class="special-text">Cloud Native Pat
         </div>
         <div class="image flex" style="flex-flow: column wrap;">
             <div align="center" style="margin-top: 3rem;">
-                <button id="video-modal" class="link recording-link" style="width:100%"><img
-                        src="/assets/images/patterns/smp-video-poster-play.png" loading="lazy" class="screenshot"></button>
+                <button id="video-modal" class="link recording-link" style="width:100%" aria-label="cloud native design pattern video"><img
+                        src="/assets/images/patterns/smp-video-poster-play.png" loading="lazy" class="screenshot" alt="cloud native design pattern"></button>
                 <!-- <p style="font-size: 1rem;margin:0rem;padding:0rem;color:#666;font-style: italic;">(excerpt: patterns
                     in-action)</p> -->
                 {% include video-modal.html
diff --git a/_includes/header.html b/_includes/header.html
index bceab02380..a6d5017086 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -143,7 +143,7 @@
         <img class="nav-text" id="logo-dark-light"
           src="{{ site.baseurl }}/assets/images/nav-icons/mode-toggle-icon-moon.png"
           data-logo-for-dark="{{ site.baseurl }}/assets/images/nav-icons/mode-toggle-icon-moon.png"
-          data-logo-for-light="{{ site.baseurl }}/assets/images/nav-icons/mode-toggle-icon-sun.png" />
+          data-logo-for-light="{{ site.baseurl }}/assets/images/nav-icons/mode-toggle-icon-sun.png" alt="theme-logo" />
       </button>
     </div>
   </header>
diff --git a/_includes/home-page.html b/_includes/home-page.html
index 428fb5c4c7..8d3a414d50 100644
--- a/_includes/home-page.html
+++ b/_includes/home-page.html
@@ -104,12 +104,14 @@ <h1 style="margin: 0rem 0rem 1rem 0rem;">the <span class="special-text" style="a
 				extensible</span> Kubernetes manager</h1>
 		<div class="video-box">
 			<div class="ribbon"><span>video</span></div>
-			<a href="https://www.youtube.com/watch?v=Do7htKrRzDA" data-fancybox="images"
-				data-caption="cloud native management plane" title="watch video">
+			<a href="https://www.youtube.com/watch?v=Do7htKrRzDA" data-fancybox="images" data-caption="cloud native management plane" title="watch video">
 				<video class="box-shadow-primary" width="100%" autoplay loop muted>
 					<source src="{{ site.baseurl }}/assets/videos/hero-img.webm" type="video/webm" />
+					<!-- Added track to provide subtitles or captions for the video. 
+					 This ensures that the video is accessible to users who are deaf or hard of hearing -->
+					<track kind="captions" src="" srclang="en" label="English" default />
 				</video>
-			</a>
+			</a>			
 		</div>
 		<h2 class="sub-text" style="padding-top:1rem; font-size: 1.05rem; font-weight: 500;">Example extension. See other <a style="font-size:1.05rem" href="/extensions">Meshery Extensions</a>.</h2>
 		<a href="https://github.com/meshery/meshery">
@@ -230,7 +232,7 @@ <h1 class="used-by">Used By</h1>
 	<!-- Adopter Section -->
 	<section class="adopter-section">
 		<div class="adopter-container">
-			<h3 class="adopter-title">Add yourself as an <strong>adopter</strong></h3>
+			<h2 class="adopter-title">Add yourself as an <strong>adopter</strong></h2>
 			<p class="adopter-description">and share your cloud native story with the community</p>
 			<div class="button-para button-para--center">
 				<a href="https://github.com/layer5io/meshery/blob/master/ADOPTERS.md" target="_blank" class="highlight"
diff --git a/_includes/partials/homePage-integrations.html b/_includes/partials/homePage-integrations.html
index ac882df3f2..1073dab7e0 100644
--- a/_includes/partials/homePage-integrations.html
+++ b/_includes/partials/homePage-integrations.html
@@ -46,7 +46,8 @@ <h2>
                 <div class="card-front">
                 <img src="${iconURL}" loading="lazy" id="logo-dark-light"
                 data-logo-for-dark="${iconURL}"
-                data-logo-for-light="${iconURL}" />
+                data-logo-for-light="${iconURL}" 
+                alt="${item.name}-card-image"/>
                 </div>
                 <div class="card-back">
                 <p> ${item.name} </p>
diff --git a/_includes/testimonials.html b/_includes/testimonials.html
index 40af9cfa49..afe7c0f7db 100644
--- a/_includes/testimonials.html
+++ b/_includes/testimonials.html
@@ -7,7 +7,7 @@ <h2>Hear what other users have to say...</h2>
     <div class="bq-section">
       <div class="type-one-wrapper type-one-wrapper-boxed">
         <div class="bq-quote type-one-quote">
-          <div class="type-one-quote-userpic"><img src="{{ testimonial.image }}"></div>
+          <div class="type-one-quote-userpic"><img src="{{ testimonial.image }}" alt="testimonial image"></div>
           <div class="type-one-quote-qmark">&#10077;</div>
           <div class="type-one-quote-pattern"></div>
           <div class="type-one-quote-base">
@@ -29,7 +29,7 @@ <h2>Hear what other users have to say...</h2>
           <div class="type-two-quote-pattern">
             <div class="type-two-quote-qmark">&#10077;</div>
           </div>
-          <div class="type-two-quote-userpic"><img src="{{ testimonial.image }}"></div>
+          <div class="type-two-quote-userpic"><img src="{{ testimonial.image }}" alt="testimonial image"></div>
           <div class="type-two-quote-base">
             <blockquote class="type-two-quote-text">{{ testimonial.quote }}</blockquote>
             <div class="type-two-quote-meta">
@@ -50,7 +50,7 @@ <h2>Hear what other users have to say...</h2>
           <div class="type-three-quote-base">
             <blockquote class="type-three-quote-text">{{ testimonial.quote }}</blockquote>
             <div class="type-three-quote-meta">
-              <div class="type-three-quote-userpic"><img src="{{ testimonial.image }}"></div>
+              <div class="type-three-quote-userpic"><img src="{{ testimonial.image }}" alt="testimonial image"></div>
               <div class="type-three-quote-meta-info">
                 <div class="type-three-quote-author"><cite>{{ testimonial.person | default: "" }}</cite></div>
                 <div class="type-three-quote-source"><span>{{ testimonial.title | default: "" }}</span></div>