Merge pull request #156 from devgeniem/TMS-932

TMS-932: Accessibility changes to programs

Author: eebbi

CHANGELOG.MD

@@ -17,6 +17,9 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 - TMS-931: Navigation accessibility fixes
 - TMS-931: Program search accessibility fixes for zoomed in browsers
 - TMS-931: Added description-list element to single programs info-component
+- TMS-932: Moved program search filters into an accordion
+- TMS-932: Removed autoatic form submit when selecting program filters
+- TMS-932: Fixed program-page elements labels and screen-reader texts & element orders
 
 ## [1.8.3] - 2023-05-02
 

assets/scripts/program-search.js

@@ -11,14 +11,6 @@ export default class ProgramSearch {
 
     programSearch() {
         const form = document.querySelector( '#program-search' );
-        const selectElements = document.querySelectorAll( '#program-search select.search-filter' );
-        selectElements.forEach( ( selectElem ) => {
-            selectElem.addEventListener( 'change', () => {
-                form.submit();
-            } );
-
-        } );
-
         const removeFilterBtns = document.querySelectorAll( '#program-search .remove-filter' );
         removeFilterBtns.forEach( ( button ) => {
             button.addEventListener( 'click', () => {

assets/styles/views/_page-program.scss

@@ -59,6 +59,22 @@
             pointer-events: none;
         }
     }
+
+    ul.ui-menu {
+        .ui-menu-item-wrapper {
+            &.ui-state-active {
+                background-color: $color-grey;
+            }
+        }
+    }
+
+    .bulmally-accordion {
+        .accordion__title-button {
+            @include from($mobile) {
+                width: auto;
+            }
+        }
+    }
 }
 
 .load-more-spinner {