FORMS-18684: Function cannot be performed by keyboard alone @sunnym @vavarshn (#1570)

* FORMS-18684: Function cannot be performed by keyboard alone @sunnym @vavarshn

* FORMS-18813: Created actionKeys list

---------

Co-authored-by: Stefan Dragomir <stefand@ENSRO0422.local>

Author: stefan-dragomir

ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/checkboxgroup/v1/checkboxgroup/clientlibs/site/js/checkboxgroupview.js

@@ -40,7 +40,8 @@
             errorDiv: `.${CheckBoxGroup.bemBlock}__errormessage`,
             tooltipDiv: `.${CheckBoxGroup.bemBlock}__shortdescription`,
             item:  `.${CheckBoxGroup.bemBlock}-item`,
-            optionLabel: `${CheckBoxGroup.bemBlock}__option-label`
+            optionLabel: `${CheckBoxGroup.bemBlock}__option-label`,
+            optionLink: `${CheckBoxGroup.bemBlock}__links`
         };
 
         constructor(params) {
@@ -97,6 +98,16 @@
                     this.setInactive();
                 });
             })
+
+            let optionLinks = this.element.querySelectorAll(`.${CheckBoxGroup.selectors.optionLink}`);
+            const actionKeys = ['Enter', ' ', 'Spacebar', 'Space'];
+            optionLinks.forEach(optionLink => {
+                optionLink.addEventListener('keydown', (e)=>{
+                    if(actionKeys.includes(e.key)) {
+                        optionLink.click();
+                    }
+                });
+            });
         }
 
         #updateModelValue(widget) {

ui.frontend/src/view/FormFieldBase.js

@@ -249,7 +249,7 @@ class FormFieldBase extends FormField {
         this.#syncLabel()
         this.#syncWidget()
         this.#syncShortDesc()
-        this. #syncLongDesc()
+        this.#syncLongDesc()
         this.#syncAriaDescribedBy()
         this.#syncError()
         this.#syncAriaLabel()