Merge branch 'master' into TMS-970

CHANGELOG.MD

@@ -9,6 +9,27 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 - TMS-970: Add image caption text to call-to-action and content-columns blocks.
 
+## [1.51.0] - 2023-10-12
+
+### Fixed
+
+- TMS-934: Add screen-reader info for article categories.
+- TMS-936: Image carousel accessibility fixes
+- TMS-933: Modaal accessibility fixes
+
+## [1.50.0] - 2023-10-04
+
+- TMS-978: Add has-line-height-normal class
+
+## [1.49.0] - 2023-09-15
+
+- TMS-962: Add Lunch Menus plugin caps to roles.
+
+## [1.48.0] - 2023-09-13
+
+- TMS-973: Fix manual event sorting
+
+
 ## [1.47.0] - 2023-09-04
 
 - TMS-964-2: Update translation and format pricing.

assets/scripts/image-carousel.js

@@ -88,7 +88,7 @@ export default class ImageCarousel {
                 asNavFor: '#' + modalCarousel.attr( 'data-slider-for' ),
                 prevArrow: buttons.prevArrow,
                 nextArrow: buttons.nextArrow,
-                regionLabel: translations.modal_carousel,
+                regionLabel: translations.browsing_images,
                 arrowsPlacement: 'afterSlides',
             } );
 
@@ -125,7 +125,9 @@ export default class ImageCarousel {
             // Make the centered image selectable, rest disabled.
             // This way user can't open the "wrong" image and get confused of the results.
             $( slick.$slider ).find( '.slick-slide button' ).removeAttr( 'disabled' );
+            $( slick.$slider ).find( '.slick-slide button' ).removeAttr( 'aria-hidden' );
             $( slick.$slider ).find( '.slick-slide:not(.slick-current) button' ).attr( 'disabled', '' );
+            $( slick.$slider ).find( '.slick-slide:not(.slick-current) button' ).attr( 'aria-hidden', 'true' );
 
             // Transalate Slick Slider stuff
             this.translateCarousels( translations );

assets/scripts/image.js

@@ -22,8 +22,8 @@ export default class Image {
             type: 'image',
             background_scroll: false,
             after_open: this.disableBackgroundItemFocusing,
-            accessible_title: window.s.modaal.accessible_title || 'Dialog Window - Close (Press escape to close)',
-            close_aria_label: window.s.modaal.close || 'Close (Press escape to close)',
+            accessible_title: window.s.modaal.accessible_title || 'Enlarged image',
+            close_aria_label: window.s.modaal.close || 'Close',
         } );
     }
 

assets/styles/base/_typography.scss

@@ -85,6 +85,10 @@ a {
     line-height: 1.1;
 }
 
+.has-line-height-normal {
+    line-height: 1.5;
+}
+
 .hyphenate {
     hyphens: auto;
 }