aria-ease 1.2.2 → 1.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/menu/makeMenuAccessible.js +4 -1
  3. package/src/menu/makeMenuAccessible.ts +0 -1
  4. package/src/tab/makeTabAccessible.js +3 -1
  5. package/src/tab/makeTabAccessible.ts +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "aria-ease",
3
- "version": "1.2.2",
3
+ "version": "1.2.3",
4
4
  "description": "Out of the box utility accessibility package to develop production ready applications.",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/menu/makeMenuAccessible.js CHANGED
@@ -20,6 +20,7 @@ export function makeMenuAccessible(menuId, menuItemClass) {
20
20
  switch (event.key) {
21
21
  case 'ArrowUp':
22
22
  case 'ArrowLeft':
23
+ event.preventDefault();
23
24
  if (menuItemIndex === 0) {
24
25
  menuItems.item(menuItems.length - 1).focus();
25
26
  }
@@ -29,6 +30,7 @@ export function makeMenuAccessible(menuId, menuItemClass) {
29
30
  break;
30
31
  case 'ArrowDown':
31
32
  case 'ArrowRight':
33
+ event.preventDefault();
32
34
  if (menuItemIndex === menuItems.length - 1) {
33
35
  menuItems.item(0).focus();
34
36
  }
@@ -37,6 +39,7 @@ export function makeMenuAccessible(menuId, menuItemClass) {
37
39
  }
38
40
  break;
39
41
  case 'Escape':
42
+ event.preventDefault();
40
43
  (getComputedStyle(menuDiv).display === 'block') ?
41
44
  triggerButton.click() :
42
45
  null;
@@ -44,12 +47,12 @@ export function makeMenuAccessible(menuId, menuItemClass) {
44
47
  break;
45
48
  case 'Enter':
46
49
  case ' ':
50
+ event.preventDefault();
47
51
  if (menuItems.item(menuItemIndex).tagName === 'BUTTON') {
48
52
  menuItems.item(menuItemIndex).click();
49
53
  break;
50
54
  }
51
55
  else if (menuItems.item(menuItemIndex).tagName === 'A') {
52
- event.preventDefault();
53
56
  window.location.href = menuItems.item(menuItemIndex).href;
54
57
  break;
55
58
  }
package/src/menu/makeMenuAccessible.ts CHANGED
@@ -57,7 +57,6 @@ export function makeMenuAccessible(menuId: string, menuItemClass: string): void
57
57
  menuItems.item(menuItemIndex).click()
58
58
  break;
59
59
  } else if (menuItems.item(menuItemIndex).tagName === 'A') {
60
- event.preventDefault();
61
60
  window.location.href = menuItems.item(menuItemIndex).href;
62
61
  break;
63
62
  } else if (menuItems.item(menuItemIndex).type === 'radio') {
package/src/tab/makeTabAccessible.js CHANGED
@@ -17,6 +17,7 @@ export function makeTabAccessible(tabId, tabItemClass) {
17
17
  switch (event.key) {
18
18
  case 'ArrowUp':
19
19
  case 'ArrowLeft':
20
+ event.preventDefault();
20
21
  if (tabItemIndex === 0) {
21
22
  tabItems.item(tabItems.length - 1).focus();
22
23
  }
@@ -26,6 +27,7 @@ export function makeTabAccessible(tabId, tabItemClass) {
26
27
  break;
27
28
  case 'ArrowDown':
28
29
  case 'ArrowRight':
30
+ event.preventDefault();
29
31
  if (tabItemIndex === tabItems.length - 1) {
30
32
  tabItems.item(0).focus();
31
33
  }
@@ -35,6 +37,7 @@ export function makeTabAccessible(tabId, tabItemClass) {
35
37
  break;
36
38
  case 'Enter':
37
39
  case ' ':
40
+ event.preventDefault();
38
41
  if (tabItems.item(tabItemIndex).type === 'radio') {
39
42
  tabItems.item(tabItemIndex).checked = true;
40
43
  break;
@@ -48,7 +51,6 @@ export function makeTabAccessible(tabId, tabItemClass) {
48
51
  break;
49
52
  }
50
53
  else if (tabItems.item(tabItemIndex).tagName === 'A') {
51
- event.preventDefault();
52
54
  window.location.href = tabItems.item(tabItemIndex).href;
53
55
  break;
54
56
  }
package/src/tab/makeTabAccessible.ts CHANGED
@@ -52,7 +52,6 @@ export function makeTabAccessible(tabId: string, tabItemClass: string): void {
52
52
  tabItems.item(tabItemIndex).click()
53
53
  break;
54
54
  } else if (tabItems.item(tabItemIndex).tagName === 'A') {
55
- event.preventDefault()
56
55
  window.location.href = tabItems.item(tabItemIndex).href
57
56
  break;
58
57
  }