Add alt text to featured images. (#456)

civiform · May 8, 2024 · 0572363 · 0572363
1 parent 4723885
commit 0572363
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/website/public/news/index.html b/website/public/news/index.html
@@ -220,6 +220,7 @@ <h3>CiviForm Awarded Anthem Silver Award</h3>
               <div>
                 <img
                   class="news-image cagov-featured-image"
+                  alt="Anthem Awards logo."
                   src="/img/anthem-awards.png"
                 />
               </div>
@@ -261,6 +262,7 @@ <h3>
               <div>
                 <img
                   class="news-image cagov-featured-image"
+                  alt="Greg Overtoom and Rick Dietz of Bloomington being congratulated by Tracy Barnes, CIO at Indiana Office of Technology."
                   src="/img/bloomington-best-of-in-award.jpg"
                 />
               </div>
@@ -301,6 +303,7 @@ <h3>
               <div>
                 <img
                   class="news-image cagov-featured-image"
+                  alt="Seattle Mayor Bruce Harrell signing the exectuive order at the announcement event."
                   src="/img/affordable-seattle-announcement.jpg"
                 />
               </div>

diff --git a/website/src/_data/news.json b/website/src/_data/news.json
@@ -14,6 +14,7 @@
         "Publisher": "Anthem Awards",
         "Date": "2024-01-30",
         "Image": "anthem-awards.png",
+        "ImageDescription": "Anthem Awards logo.",
         "Featured": true
     },
     {
@@ -31,6 +32,7 @@
         "Publisher": "City of Bloomington",
         "Date": "2023-10-27",
         "Image": "bloomington-best-of-in-award.jpg",
+        "ImageDescription": "Greg Overtoom and Rick Dietz of Bloomington being congratulated by Tracy Barnes, CIO at Indiana Office of Technology.",
         "Featured": true
     },
     {
@@ -55,6 +57,7 @@
         "Publisher": "City of Seattle",
         "Date": "2023-07-12",
         "Image": "affordable-seattle-announcement.jpg",
+        "ImageDescription": "Seattle Mayor Bruce Harrell signing the exectuive order at the announcement event.",
         "Featured": true
     },
     {

diff --git a/website/src/_includes/layouts/news-feature.njk b/website/src/_includes/layouts/news-feature.njk
@@ -13,7 +13,11 @@
       </div>
     </div>
     <div>
-      <img class="news-image cagov-featured-image" src="/img/{{story.Image}}" />
+      <img
+        class="news-image cagov-featured-image"
+        alt="{{story.ImageDescription}}"
+        src="/img/{{story.Image}}"
+      />
     </div>
   </div>
 </div>