From 60be5e8e676150624836f39017d01214a8c5a0a1 Mon Sep 17 00:00:00 2001
From: JinxiangChen22 <481514725@qq.com>
Date: Wed, 6 May 2026 16:53:32 +0800
Subject: [PATCH] fix: add descriptive alt text to images per WCAG 2.1 SC 1.1.1

---
 views/partials/dashboard/dashboard-sidebar.ejs |  2 +-
 views/partials/feature.ejs                     | 10 +++++-----
 views/partials/hero.ejs                        |  2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/views/partials/dashboard/dashboard-sidebar.ejs b/views/partials/dashboard/dashboard-sidebar.ejs
index daced84..721507b 100644
--- a/views/partials/dashboard/dashboard-sidebar.ejs
+++ b/views/partials/dashboard/dashboard-sidebar.ejs
@@ -21,7 +21,7 @@
     <div class="sidebar-container">
       <div class="sidebar-header">
         <div class="sidebar-logo">
-          <img src="../../../static/assets/nav_logo.png" alt="" />
+          <img src="../../../static/assets/nav_logo.png" alt="Taskify logo" />
         </div>
         <div class="sidebar-title">Taskify</div>
         <a href="#">
diff --git a/views/partials/feature.ejs b/views/partials/feature.ejs
index 9cf3d84..f1fe83b 100644
--- a/views/partials/feature.ejs
+++ b/views/partials/feature.ejs
@@ -19,19 +19,19 @@
           <div class="feature-even-column">
               <div class="feature-even-column-left">
                   <div class="feature-features">
-                      <img class="feature-img" src="../../static/assets/feature1.webp" alt="feature1">
+                      <img class="feature-img" src="../../static/assets/feature1.webp" alt="Taskify app available on multiple devices and platforms">
                       <h3 class="feature-heading" data-i18n="feature.1.title">With you everywhere</h3>
                       <p class="feature-text" data-i18n="feature.1.text">Use Todoist’s apps, extensions and widgets on any device or platform.</p>
                       <a href="#" class="feature-btn feature-btn" data-i18n="feature.1.btn">Download apps</a>
                   </div>
                   <div class="feature-features">
-                      <img class="feature-img" src="../../static/assets/feature2.webp" alt="feature2">
+                      <img class="feature-img" src="../../static/assets/feature2.webp" alt="Customisable to-do list with filters, labels and priorities">
                       <h3 class="feature-heading" data-i18n="feature.2.title">Make Todoist your</h3>
                       <p class="feature-text" data-i18n="feature.2.text">Customize your to-do list with filters, labels, priorities, and more.</p>
                       <a href="#" class="feature-btn feature-btn" data-i18n="feature.2.btn">See all features</a>
                   </div>
                   <div class="feature-features">
-                      <img class="feature-img" src="../../static/assets/feature3.webp" alt="feature3">
+                      <img class="feature-img" src="../../static/assets/feature3.webp" alt="Productivity method quiz providing personalised recommendations">
                       <h3 class="feature-heading" data-i18n="feature.3.title">Productivity Method</h3>
                       <p class="feature-text" data-i18n="feature.3.text">Personal productivity recommendations based on your unique traits and strengths.</p>
                       <a href="#" class="feature-btn feature-btn" data-i18n="feature.3.btn">Take the quiz</a>
@@ -39,13 +39,13 @@
               </div>
               <div class="feature-even-column-right">
                   <div class="feature-features">
-                      <img class="feature-img" src="../../static/assets/feature4.webp" alt="feature4">
+                      <img class="feature-img" src="../../static/assets/feature4.webp" alt="Browse hundreds of project templates to get started quickly">
                       <h3 class="feature-heading" data-i18n="feature.4.title">There’s a template for tha</h3>
                       <p class="feature-text" data-i18n="feature.4.text">Hundreds of templates are available to get you started with whatever’s on your plate.</p>
                       <a href="#" class="feature-btn feature-btn" data-i18n="feature.4.btn">Start with templates</a>
                   </div>
                   <div class="feature-features">
-                      <img class="feature-img" src="../../static/assets/feature5.webp" alt="feature5">
+                      <img class="feature-img" src="../../static/assets/feature5.webp" alt="Taskify integrations with calendar, voice assistant and other tools">
                       <h3 class="feature-heading" data-i18n="feature.5.title">Connect with your other tool</h3>
                       <p class="feature-text" data-i18n="feature.5.text">Link Todoist with your calendar, voice assistant, and 30+ other tools.</p>
                       <a href="#" class="feature-btn feature-btn" data-i18n="feature.5.btn">Install integrations</a>
diff --git a/views/partials/hero.ejs b/views/partials/hero.ejs
index 3b97167..ecfbc81 100644
--- a/views/partials/hero.ejs
+++ b/views/partials/hero.ejs
@@ -30,7 +30,7 @@
       
           
           <div class="hero-col-img">
-              <img class="hero-image" src="../../static/assets/laptop.png" >
+              <img class="hero-image" src="../../static/assets/laptop.png" alt="Person working productively on a laptop using Taskify">
           
           </div>