aria-ease 1.5.3 → 1.5.5

package/README.md

@@ -12,7 +12,7 @@ Out of the box accessibility utility package to develop production ready applica
 
 Don't spend hours wrestling with accessibility code. Aria-Ease provides pre-built functions that help you integrate accessibility seamlessly into your development workflow. It simplifies the process of adding essential accessibility features (e.g. assistive capability, keyboard navigation, focus management) to common UI components like menus, accordions, checkboxes, e.t.c. This allows you to focus on building great user experiences for everyone.
 
-The package currently has support for 5 components: accordions, blocks, checkboxes, menus, radios, toggle butttons.
+The package currently has support for 6 components: accordions, blocks, checkboxes, menus, radios, toggle butttons.
 
 Add accessibility to menu: menu can be a dropdown, combo box, slide navigation menu, e.t.c. Basically any component that toggles display and has a list of interactive children items. The function creates a focus trap within the menu and focus can be navigated using the arrow keys. The escape key also closes the menu and returns the focus back to the trigger.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aria-ease",
-  "version": "1.5.3",
+  "version": "1.5.5",
   "description": "Out-of-the-box accessibility utility package to develop production ready applications.",
   "main": "index.js",
   "scripts": {

package/src/handleKeyPress.js

@@ -73,7 +73,7 @@ export function handleKeyPress(event, elementItems, elementItemIndex, menuElemen
             }
             else if (elementItems.item(elementItemIndex).tagName === 'A') {
                 event.preventDefault();
-                window.location.href = elementItems.item(elementItemIndex).href;
+                elementItems.item(elementItemIndex).click();
                 break;
             }
             break;

package/src/handleKeyPress.ts

@@ -5,7 +5,7 @@ function handleMenuEscapeKeyPress(menuElement: HTMLElement, menuTriggerButton: H
     menuElement.style.display = 'none';
     const menuTriggerButtonId = menuTriggerButton.getAttribute('id');
     if(!menuTriggerButtonId) {
-        throw new Error("Menu trigger button does not have id attribute")
+        throw new Error("Menu trigger button does not have id attribute");
     }
     
     updateMenuTriggerAriaAttributes(`${menuTriggerButtonId}`, `${menuClosedStateAriaLabel}`)
@@ -16,7 +16,7 @@ export function handleKeyPress(event: KeyboardEvent, elementItems: NodeListOfHTM
         case 'ArrowUp':
         case 'ArrowLeft':
             if(((elementItems.item(elementItemIndex).tagName !== 'INPUT') && (elementItems.item(elementItemIndex).tagName !== 'TEXTAREA')) || (elementItems.item(elementItemIndex).tagName === 'INPUT' && (elementItems.item(elementItemIndex).type !== 'text' && elementItems.item(elementItemIndex).type !== 'email' && elementItems.item(elementItemIndex).type !== 'password' && elementItems.item(elementItemIndex).type !== 'tel' && elementItems.item(elementItemIndex).type !== 'number'))) {
-                event.preventDefault()
+                event.preventDefault();
                 if (elementItemIndex === 0) {
                     elementItems.item(elementItems.length - 1).focus();
                 } else {
@@ -61,18 +61,18 @@ export function handleKeyPress(event: KeyboardEvent, elementItems: NodeListOfHTM
                 (getComputedStyle(menuElementDiv).display === 'block') ?
                     handleMenuEscapeKeyPress(menuElementDiv, triggerButton, menuClosedStateAriaLabel) :
                     null
-                triggerButton.focus()
+                triggerButton.focus();
             }
             break;
         case 'Enter':
         case ' ':
             if(elementItems.item(elementItemIndex).tagName === 'BUTTON') {
-                event.preventDefault()
+                event.preventDefault();
                 elementItems.item(elementItemIndex).click();
                 break;
             } else if (elementItems.item(elementItemIndex).tagName === 'A') {
-                event.preventDefault()
-                window.location.href = elementItems.item(elementItemIndex).href; 
+                event.preventDefault();
+                elementItems.item(elementItemIndex).click();
                 break;
             }
             break;