Add tabindex=-1 to save button when ribbon is closed for accessibility

assets/javascript/hmcts-webchat-busHandler.js

@@ -67,6 +67,7 @@ if (!String.prototype.startsWith) {
         addAriaLabelAttributeToTitles();
         addAriaLabelAttributeToButtons();
         addAriaLabelAndPlaceholderAttributesToPreChatFields();
+        toggleSaveAccessibility();
     }
 
     function removeUnusedContainers(containers) {
@@ -226,6 +227,8 @@ if (!String.prototype.startsWith) {
 
     function toggleActions(action) {
         const $actionElement = jQuery('.actions');
+        const saveButton = document.querySelector('.action-save');
+
         switch(action) {
             case 'hide':
                 jQuery('.action-clear').remove();
@@ -235,7 +238,22 @@ if (!String.prototype.startsWith) {
                 break;
             case 'show':
                 $actionElement.show();
+                saveButton.setAttribute('tabindex', '-1');
                 break;
         }
     }
+
+    function toggleSaveAccessibility() {
+        const saveButton = document.querySelector('.action-save');
+
+        jQuery('.flag').on('click', function() {
+            setTimeout(function() {
+                if (parseInt(jQuery('.message-actions').css('top')) === 0) {
+                    saveButton.removeAttribute('tabindex');
+                } else {
+                    saveButton.setAttribute('tabindex', '-1');
+                }
+            }, 750);
+        });
+    }
 })(this);

assets/javascript/hmcts-webchat.js

@@ -44,7 +44,7 @@ function parseText(text) {
 }
 
 function webchat_init(customParams) {
-    const version = '0.3.0';
+    const version = '0.3.1';
     const requiredParams = [
         'uuid',
         'tenant',

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hmcts/ctsc-web-chat",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "HMCTS CTSC Web Chat",
   "repository": {
     "type": "git",