@searchstax-inc/searchstudio-ux-js 4.1.5 → 4.1.14

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 All notable changes to the "searchstudio-ux-js" project will be documented in this file.
 
+## [4.1.14]
+### Bug Fixes
+- accessibility: feedback widget closing upon submit
+- accessibility: feedback widget tab order fixed
+- fixed double click being needed on feedback submit
+- accessibility: fixed state and role of facet groups
+- accessibility: fixed focus persistance upon facet click as well as more/less click
+
+## [4.1.9]
+### Bug Fixes
+- accessibility: focus is now being trapped in feedback widget
+- accessibility: more/less buttons have role and changes are announced
+- accessibility: fixed feedback widget roles
+- accessibility: pagination disabled state fixes
+
 ## [4.1.5]
 ### Bug Fixes
 - answers endpoint now have same query parameters as emselect

package/README.md

@@ -724,11 +724,11 @@ It receives following props:
       {{#results.length}}
         <div class="searchstax-pagination-container" data-test-id="searchstax-pagination-container">
           <div class="searchstax-pagination-content">
-            <a class="searchstax-pagination-previous {{#isFirstPage}}disabled{{/isFirstPage}}" id="searchstax-pagination-previous" data-test-id="searchstax-pagination-previous" tabindex="0" aria-label="Previous Page">< Previous</a>
+            <a role="link" class="searchstax-pagination-previous {{#isFirstPage}}disabled{{/isFirstPage}}" {{#isFirstPage}} disabled="disabled" {{/isFirstPage}}  id="searchstax-pagination-previous" data-test-id="searchstax-pagination-previous" {{^isFirstPage}} tabindex="0" {{/isFirstPage}} aria-label="Previous Page">< Previous</a>
             <div class="searchstax-pagination-details" data-test-id="searchstax-pagination-details">
               {{startResultIndex}} - {{endResultIndex}} of {{totalResults}}
             </div>
-              <a class="searchstax-pagination-next {{#isLastPage}}disabled{{/isLastPage}}" data-test-id="searchstax-pagination-next" id="searchstax-pagination-next" tabindex="0" aria-label="Next Page">Next ></a>
+              <a role="link" class="searchstax-pagination-next {{#isLastPage}}disabled{{/isLastPage}}" {{#isLastPage}}disabled="disabled"{{/isLastPage}} data-test-id="searchstax-pagination-next" id="searchstax-pagination-next" {{^isLastPage}} tabindex="0" {{/isLastPage}} aria-label="Next Page">Next ></a>
           </div>
         </div>
       {{/results.length}}
@@ -741,11 +741,11 @@ It receives following props:
       {{#results.length}}
         <div class="searchstax-pagination-container" data-test-id="searchstax-pagination-container">
           <div class="searchstax-pagination-content">
-            <a class="searchstax-pagination-previous {{#isFirstPage}}disabled{{/isFirstPage}}" id="searchstax-pagination-previous" data-test-id="searchstax-pagination-previous" tabindex="0" aria-label="Previous Page">< Previous</a>
+            <a role="link" class="searchstax-pagination-previous {{#isFirstPage}}disabled{{/isFirstPage}}" {{#isFirstPage}} disabled="disabled" {{/isFirstPage}}  id="searchstax-pagination-previous" data-test-id="searchstax-pagination-previous" {{^isFirstPage}} tabindex="0" {{/isFirstPage}} aria-label="Previous Page">< Previous</a>
             <div class="searchstax-pagination-details" data-test-id="searchstax-pagination-details">
               {{startResultIndex}} - {{endResultIndex}} of {{totalResults}}
             </div>
-              <a class="searchstax-pagination-next {{#isLastPage}}disabled{{/isLastPage}}" data-test-id="searchstax-pagination-next" id="searchstax-pagination-next" tabindex="0" aria-label="Next Page">Next ></a>
+              <a role="link" class="searchstax-pagination-next {{#isLastPage}}disabled{{/isLastPage}}" {{#isLastPage}}disabled="disabled"{{/isLastPage}} data-test-id="searchstax-pagination-next" id="searchstax-pagination-next" {{^isLastPage}} tabindex="0" {{/isLastPage}} aria-label="Next Page">Next ></a>
           </div>
         </div>
       {{/results.length}}
@@ -901,10 +901,10 @@ It receives following props:
             template: `
       <div class="searchstax-facet-show-more-container" data-test-id="searchstax-facet-show-more-container">
       {{#showingAllFacets}}
-        <div class="searchstax-facet-show-less-button searchstax-facet-show-button" tabindex="0" data-test-id="searchstax-facet-show-less-button">less</div>
+        <div class="searchstax-facet-show-less-button searchstax-facet-show-button" tabindex="0" data-test-id="searchstax-facet-show-less-button" data-focus="{{focusId}}" role="button">less</div>
       {{/showingAllFacets}}
       {{^showingAllFacets}}
-        <div class="searchstax-facet-show-more-button  searchstax-facet-show-button" tabindex="0" data-test-id="searchstax-facet-show-more-button">more {{onShowMoreLessClick}}</div>
+        <div class="searchstax-facet-show-more-button  searchstax-facet-show-button" tabindex="0" data-test-id="searchstax-facet-show-more-button" data-focus="{{focusId}}" role="button">more {{onShowMoreLessClick}}</div>
       {{/showingAllFacets}}
     </div>
       `,
@@ -914,7 +914,7 @@ It receives following props:
             template: `
       <div>
         <div class="searchstax-facet-title-container" data-test-id="searchstax-facet-title-container">
-            <div class="searchstax-facet-title" aria-label="Facet group: {{label}}" tabindex="0">
+            <div class="searchstax-facet-title" aria-label="Facet group: {{label}}" tabindex="0" role="button">
             {{label}}
             </div>
             <div class="searchstax-facet-title-arrow active"></div>