@progress/wct-a11y-spec - npm Package Compare versions

Comparing version 2.7.0 to 2.8.0

dist/angular/aria/daterangepicker_aria.md

@@ -21,3 +21,3 @@
 |  | `aria-controls=.k-calendar-container id` | Points to the popup element. Signifies that the `combobox` element controls the Calendar `grid`. |
-|  | `aria-activedescendant=.k-calendar-td.k-focus id` | Points to the focused item (date/month/year) in the Calendar Popup. Should only be present when the Popup is open. |
+| `.k-input-inner.k-focus` | `aria-activedescendant=.k-calendar-td.k-focus id` | Points to the focused item (date/month/year) in the Calendar Popup. Should only be present when the Popup is open. |
 |  | `readonly=readonly` or `aria-readonly=true` | Attribute is rendered only when the DateRangePicker is readonly. |
@@ -24,0 +24,0 @@ |  | `tabindex=0` | The element should be focusable. |

dist/angular/aria/multiselect_aria.md

@@ -32,3 +32,3 @@
 | `.k-disabled .k-input-inner` | `aria-disabled=true` | The attribute is rendered only when the MultiSelect is disabled. |
-| `.k-input-button` | `role=button` | The element must either be a `<button>` element or have the `role="button"` assigned. |
+| `.k-input-button` | `role=button` or `nodeName=button` | The element must either be a `<button>` element or have the `role="button"` assigned. |
 |  | `aria-label` | The button needs an accessible name that will be assigned to it. |
@@ -35,0 +35,0 @@ |  | `tabindex=-1` | The button element must not be focusable. |

dist/angular/aria/window_aria.md

@@ -14,3 +14,3 @@
 | -------- | --------- | ----- |
-| `.k-window` | `role=dialog` | Announces the dialog role of the component. |
+| `.k-window:not(.k-dialog)` | `role=dialog` | Announces the dialog role of the component. |
 |  | `aria-labelledby=.k-window-title id` | Associate the title of the dialog. |
@@ -17,0 +17,0 @@ | `.k-overlay + .k-window` | `aria-modal=true` | Announces that the dialog is modal. Attribute is added only when the dialog is modal. |

dist/angular/keyboard/tabstrip_keyboard.md

@@ -22,2 +22,4 @@ ## Managing the Focus
 | `Left Arrow` & `Right Arrow` | Horizontal Orientation shortcuts. Activates the previous/next tab, or current tab if there is no active tab. |
+| `Tab` | Focuses the content for the active navigation item. |
+| `Shift` + `Tab` | Navigates to the previous focusable element on the navigation. |
 | `Enter` | Activates the tab item if automatic selection is not enabled. |
@@ -24,0 +26,0 @@ | `Home` | Focuses the first item and activates it, if automatic selection is enabled. |

dist/blazor/aria/daterangepicker_aria.md

@@ -21,3 +21,3 @@
 |  | `aria-controls=.k-calendar-container id` | Points to the popup element. Signifies that the `combobox` element controls the Calendar `grid`. |
-|  | `aria-activedescendant=.k-calendar-td.k-focus id` | Points to the focused item (date/month/year) in the Calendar Popup. Should only be present when the Popup is open. |
+| `.k-input-inner.k-focus` | `aria-activedescendant=.k-calendar-td.k-focus id` | Points to the focused item (date/month/year) in the Calendar Popup. Should only be present when the Popup is open. |
 |  | `readonly=readonly` or `aria-readonly=true` | Attribute is rendered only when the DateRangePicker is readonly. |
@@ -24,0 +24,0 @@ |  | `tabindex=0` | The element should be focusable. |

dist/blazor/aria/multiselect_aria.md

@@ -32,3 +32,3 @@
 | `.k-disabled .k-input-inner` | `aria-disabled=true` | The attribute is rendered only when the MultiSelect is disabled. |
-| `.k-input-button` | `role=button` | The element must either be a `<button>` element or have the `role="button"` assigned. |
+| `.k-input-button` | `role=button` or `nodeName=button` | The element must either be a `<button>` element or have the `role="button"` assigned. |
 |  | `aria-label` | The button needs an accessible name that will be assigned to it. |
@@ -35,0 +35,0 @@ |  | `tabindex=-1` | The button element must not be focusable. |

dist/blazor/aria/window_aria.md

@@ -14,3 +14,3 @@
 | -------- | --------- | ----- |
-| `.k-window` | `role=dialog` | Announces the dialog role of the component. |
+| `.k-window:not(.k-dialog)` | `role=dialog` | Announces the dialog role of the component. |
 |  | `aria-labelledby=.k-window-title id` | Associate the title of the dialog. |
@@ -17,0 +17,0 @@ | `.k-overlay + .k-window` | `aria-modal=true` | Announces that the dialog is modal. Attribute is added only when the dialog is modal. |

dist/blazor/keyboard/tabstrip_keyboard.md

@@ -22,2 +22,4 @@ ## Managing the Focus
 | `Left Arrow` & `Right Arrow` | Horizontal Orientation shortcuts. Activates the previous/next tab, or current tab if there is no active tab. |
+| `Tab` | Focuses the content for the active navigation item. |
+| `Shift` + `Tab` | Navigates to the previous focusable element on the navigation. |
 | `Enter` | Activates the tab item if automatic selection is not enabled. |
@@ -24,0 +26,0 @@ | `Home` | Focuses the first item and activates it, if automatic selection is enabled. |

dist/design-system/DateRangePicker.json

@@ -54,3 +54,3 @@ [
                 {
-                    "Selector": "",
+                    "Selector": "`.k-input-inner.k-focus`",
                     "Attribute": "`aria-activedescendant=.k-calendar-td.k-focus id`",
@@ -57,0 +57,0 @@ "Usage": "Points to the focused item (date/month/year) in the Calendar Popup. Should only be present when the Popup is open."

dist/design-system/MultiSelect.json

@@ -98,3 +98,3 @@ [
                     "Selector": "`.k-input-button`",
-                    "Attribute": "`role=button`",
+                    "Attribute": "`role=button` or `nodeName=button`",
                     "Usage": "The element must either be a `<button>` element or have the `role=\"button\"` assigned."
@@ -101,0 +101,0 @@ },

dist/design-system/TabStrip.json

@@ -110,2 +110,10 @@ [
                 {
+                    "Shortcut": "`Tab`",
+                    "Behavior": "Focuses the content for the active navigation item."
+                },
+                {
+                    "Shortcut": "`Shift` + `Tab`",
+                    "Behavior": "Navigates to the previous focusable element on the navigation."
+                },
+                {
                     "Shortcut": "`Enter`",
@@ -112,0 +120,0 @@ "Behavior": "Activates the tab item if automatic selection is not enabled."

dist/design-system/Window.json

@@ -26,3 +26,3 @@ [
                 {
-                    "Selector": "`.k-window`",
+                    "Selector": "`.k-window:not(.k-dialog)`",
                     "Attribute": "`role=dialog`",
@@ -29,0 +29,0 @@ "Usage": "Announces the dialog role of the component."

dist/jquery/aria/daterangepicker_aria.md

@@ -21,3 +21,3 @@
 |  | `aria-controls=.k-calendar-container id` | Points to the popup element. Signifies that the `combobox` element controls the Calendar `grid`. |
-|  | `aria-activedescendant=.k-calendar-td.k-focus id` | Points to the focused item (date/month/year) in the Calendar Popup. Should only be present when the Popup is open. |
+| `.k-input-inner.k-focus` | `aria-activedescendant=.k-calendar-td.k-focus id` | Points to the focused item (date/month/year) in the Calendar Popup. Should only be present when the Popup is open. |
 |  | `readonly=readonly` or `aria-readonly=true` | Attribute is rendered only when the DateRangePicker is readonly. |
@@ -24,0 +24,0 @@ |  | `tabindex=0` | The element should be focusable. |

dist/jquery/aria/multiselect_aria.md

@@ -32,3 +32,3 @@
 | `.k-disabled .k-input-inner` | `aria-disabled=true` | The attribute is rendered only when the MultiSelect is disabled. |
-| `.k-input-button` | `role=button` | The element must either be a `<button>` element or have the `role="button"` assigned. |
+| `.k-input-button` | `role=button` or `nodeName=button` | The element must either be a `<button>` element or have the `role="button"` assigned. |
 |  | `aria-label` | The button needs an accessible name that will be assigned to it. |
@@ -35,0 +35,0 @@ |  | `tabindex=-1` | The button element must not be focusable. |

dist/jquery/aria/window_aria.md

@@ -14,3 +14,3 @@
 | -------- | --------- | ----- |
-| `.k-window` | `role=dialog` | Announces the dialog role of the component. |
+| `.k-window:not(.k-dialog)` | `role=dialog` | Announces the dialog role of the component. |
 |  | `aria-labelledby=.k-window-title id` | Associate the title of the dialog. |
@@ -17,0 +17,0 @@ | `.k-overlay + .k-window` | `aria-modal=true` | Announces that the dialog is modal. Attribute is added only when the dialog is modal. |

dist/jquery/keyboard/tabstrip_keyboard.md

@@ -22,2 +22,4 @@ ## Managing the Focus
 | `Left Arrow` & `Right Arrow` | Horizontal Orientation shortcuts. Activates the previous/next tab, or current tab if there is no active tab. |
+| `Tab` | Focuses the content for the active navigation item. |
+| `Shift` + `Tab` | Navigates to the previous focusable element on the navigation. |
 | `Enter` | Activates the tab item if automatic selection is not enabled. |
@@ -24,0 +26,0 @@ | `Home` | Focuses the first item and activates it, if automatic selection is enabled. |

dist/react/aria/daterangepicker_aria.md

@@ -21,3 +21,3 @@
 |  | `aria-controls=.k-calendar-container id` | Points to the popup element. Signifies that the `combobox` element controls the Calendar `grid`. |
-|  | `aria-activedescendant=.k-calendar-td.k-focus id` | Points to the focused item (date/month/year) in the Calendar Popup. Should only be present when the Popup is open. |
+| `.k-input-inner.k-focus` | `aria-activedescendant=.k-calendar-td.k-focus id` | Points to the focused item (date/month/year) in the Calendar Popup. Should only be present when the Popup is open. |
 |  | `readonly=readonly` or `aria-readonly=true` | Attribute is rendered only when the DateRangePicker is readonly. |
@@ -24,0 +24,0 @@ |  | `tabindex=0` | The element should be focusable. |

dist/react/aria/multiselect_aria.md

@@ -32,3 +32,3 @@
 | `.k-disabled .k-input-inner` | `aria-disabled=true` | The attribute is rendered only when the MultiSelect is disabled. |
-| `.k-input-button` | `role=button` | The element must either be a `<button>` element or have the `role="button"` assigned. |
+| `.k-input-button` | `role=button` or `nodeName=button` | The element must either be a `<button>` element or have the `role="button"` assigned. |
 |  | `aria-label` | The button needs an accessible name that will be assigned to it. |
@@ -35,0 +35,0 @@ |  | `tabindex=-1` | The button element must not be focusable. |

dist/react/aria/window_aria.md

@@ -14,3 +14,3 @@
 | -------- | --------- | ----- |
-| `.k-window` | `role=dialog` | Announces the dialog role of the component. |
+| `.k-window:not(.k-dialog)` | `role=dialog` | Announces the dialog role of the component. |
 |  | `aria-labelledby=.k-window-title id` | Associate the title of the dialog. |
@@ -17,0 +17,0 @@ | `.k-overlay + .k-window` | `aria-modal=true` | Announces that the dialog is modal. Attribute is added only when the dialog is modal. |

dist/react/keyboard/tabstrip_keyboard.md

@@ -22,2 +22,4 @@ ## Managing the Focus
 | `Left Arrow` & `Right Arrow` | Horizontal Orientation shortcuts. Activates the previous/next tab, or current tab if there is no active tab. |
+| `Tab` | Focuses the content for the active navigation item. |
+| `Shift` + `Tab` | Navigates to the previous focusable element on the navigation. |
 | `Enter` | Activates the tab item if automatic selection is not enabled. |
@@ -24,0 +26,0 @@ | `Home` | Focuses the first item and activates it, if automatic selection is enabled. |

dist/vue/aria/daterangepicker_aria.md

@@ -21,3 +21,3 @@
 |  | `aria-controls=.k-calendar-container id` | Points to the popup element. Signifies that the `combobox` element controls the Calendar `grid`. |
-|  | `aria-activedescendant=.k-calendar-td.k-focus id` | Points to the focused item (date/month/year) in the Calendar Popup. Should only be present when the Popup is open. |
+| `.k-input-inner.k-focus` | `aria-activedescendant=.k-calendar-td.k-focus id` | Points to the focused item (date/month/year) in the Calendar Popup. Should only be present when the Popup is open. |
 |  | `readonly=readonly` or `aria-readonly=true` | Attribute is rendered only when the DateRangePicker is readonly. |
@@ -24,0 +24,0 @@ |  | `tabindex=0` | The element should be focusable. |

dist/vue/aria/multiselect_aria.md

@@ -32,3 +32,3 @@
 | `.k-disabled .k-input-inner` | `aria-disabled=true` | The attribute is rendered only when the MultiSelect is disabled. |
-| `.k-input-button` | `role=button` | The element must either be a `<button>` element or have the `role="button"` assigned. |
+| `.k-input-button` | `role=button` or `nodeName=button` | The element must either be a `<button>` element or have the `role="button"` assigned. |
 |  | `aria-label` | The button needs an accessible name that will be assigned to it. |
@@ -35,0 +35,0 @@ |  | `tabindex=-1` | The button element must not be focusable. |

dist/vue/aria/window_aria.md

@@ -14,3 +14,3 @@
 | -------- | --------- | ----- |
-| `.k-window` | `role=dialog` | Announces the dialog role of the component. |
+| `.k-window:not(.k-dialog)` | `role=dialog` | Announces the dialog role of the component. |
 |  | `aria-labelledby=.k-window-title id` | Associate the title of the dialog. |
@@ -17,0 +17,0 @@ | `.k-overlay + .k-window` | `aria-modal=true` | Announces that the dialog is modal. Attribute is added only when the dialog is modal. |

dist/vue/keyboard/tabstrip_keyboard.md

@@ -22,2 +22,4 @@ ## Managing the Focus
 | `Left Arrow` & `Right Arrow` | Horizontal Orientation shortcuts. Activates the previous/next tab, or current tab if there is no active tab. |
+| `Tab` | Focuses the content for the active navigation item. |
+| `Shift` + `Tab` | Navigates to the previous focusable element on the navigation. |
 | `Enter` | Activates the tab item if automatic selection is not enabled. |
@@ -24,0 +26,0 @@ | `Home` | Focuses the first item and activates it, if automatic selection is enabled. |

package.json

 {
   "name": "@progress/wct-a11y-spec",
-  "version": "2.7.0",
+  "version": "2.8.0",
   "description": "Contains accessibility and keyboard navigation specification of Telerik and Kendo web components.",
@@ -5,0 +5,0 @@ "type": "module",

No alert changes

Improved metrics

Total package byte prevSize

4767271

increased by1.09%

Number of package files

995

increased by0.51%

Lines of code

64112

increased by0.08%

No dependency changes