Merge pull request #172 from devgeniem/TMS-1017

TMS-1017: Add image alt-text to imported news

Author: eebbi

CHANGELOG.MD

@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 ## [1.8.10] - 2024-03-18
 
 - TMS-1015: Header accessibility fixes
+- TMS-1017: Add image alt-text to imported news
 
 ## [1.8.9] - 2024-02-01
 

lib/Traits/EnrichPost.php

@@ -33,10 +33,12 @@ public static function enrich_post(
         int $excerpt_length = 160
     ) {
         if ( $use_images ) {
-            $api_image = get_field( 'image_url', $post->ID );
+            $api_image     = get_field( 'image_url', $post->ID );
+            $api_image_alt = get_field( 'image_alt', $post->ID );
 
             if ( ! empty( $api_image ) ) {
                 $post->api_image_url = $api_image;
+                $post->api_image_alt = $api_image_alt;
             }
             else {
                 $post->featured_image = has_post_thumbnail( $post->ID )

models/single.php

@@ -86,6 +86,7 @@ public function content() {
             : $single->image;
 
         $single->api_image_url = empty( $single->image ) ? get_field( 'image_url' ) : false;
+        $single->api_image_alt = empty( $single->image ) ? get_field( 'image_alt' ) : false;
         $single->has_image     = ! empty( $single->image ) || ! empty( $single->api_image_url );
 
         if ( 'blog-article' === $single->post_type ) {
@@ -136,6 +137,7 @@ public function related() : ?array {
                     : [];
 
                 $item->api_image_url = get_field( 'image_url', $item->ID );
+                $item->api_image_alt = get_field( 'image_alt', $item->ID );
                 $has_image           = $item->image_id !== 0 || ! empty( $item->api_image_url );
 
                 if ( ! $has_image ) {

partials/single.dust

@@ -37,7 +37,9 @@
 
                                     {?content.api_image_url}
                                         <div class="entry__figure pt-2">
-                                            <img src="{content.api_image_url|url}" loading="lazy"/>
+                                            <img src="{content.api_image_url|url}"
+                                             {?content.api_image_alt}alt="{content.api_image_alt|attr}"{/content.api_image_alt}
+                                             loading="lazy" />
                                         </div>
 
                                         {>"views/single/single-meta" spacing_class="pt-5 pt-4-desktop pb-5 p-5-tablet" /}