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

Comparing version 2.13.1-develop.5 to 2.14.0-develop.1

dist/angular/aria/checkbox_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name to which it will be assigned. |
+|  | `aria-required=true` | The attribute is rendered only when the CheckBox is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the checkbox, or if the value of the checkbox is invalid, to the error message. This attribute should only be present when a hint is set or when the checkbox value is invalid. |
 |  | `aria-checked=true` or `checked=checked` | Announces the checked state of the CheckBox. |
@@ -18,0 +20,0 @@ |  | `disabled=disabled` or `aria-disabled=true` | The attribute is rendered only when the CheckBox is disabled. |

dist/angular/aria/dateinput_aria.md

@@ -16,2 +16,5 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the DateInput is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-invalid=true` | Attribute is rendered only when the DateInput is in form and announces the valid state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `readonly=readonly` or `aria-readonly=true` | Attribute is rendered only when the DateInput is readonly. |
@@ -18,0 +21,0 @@ |  | `tabindex=0` | The element should be focusable. |

dist/angular/aria/datepicker_aria.md

@@ -18,2 +18,3 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the DatePicker is in a `form` HTML element and announces the required state of the component. |
 |  | `aria-haspopup=grid` | Indicates the component has a Calendar Popup that implements `role="grid"`. |
@@ -23,4 +24,5 @@ |  | `aria-expanded=true/false` | Announces whether the Popup is visible or not. |
 |  | `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. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `readonly=readonly` or `aria-readonly=true` | Attribute is rendered only when the DatePicker is readonly. |
-|  | `aria-invalid=true` | Attribute is rendered only when the combobox is in form and announces the valid state of the component. |
+|  | `aria-invalid=true` | Attribute is rendered only when the DatePicker is in form and announces the valid state of the component. |
 |  | `tabindex=0` | The element must be focusable. |
@@ -27,0 +29,0 @@ | `.k-disabled .k-input-inner` | `disabled=disabled` or `aria-disabled=true` | Attribute is rendered only when the DatePicker is disabled. |

dist/angular/aria/daterangepicker_aria.md

@@ -18,2 +18,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the DateRangePicker is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-haspopup=grid` | Indicates the component has a Calendar Popup that implements `role="grid"`. |
@@ -20,0 +22,0 @@ |  | `aria-expanded=true/false` | Announces whether the Popup is visible or not. |

dist/angular/aria/datetimepicker_aria.md

@@ -18,2 +18,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the DateTimePicker is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-haspopup=dialog` | Indicates the component has a Dialog Popup. |
@@ -24,3 +26,3 @@ |  | `aria-expanded=true/false` | Announces whether the Popup is visible or not. |
 |  | `readonly=readonly` or `aria-readonly=true` | Attribute is rendered only when the DateTimePicker is readonly. |
-|  | `aria-invalid=true` | Attribute is rendered only when the combobox is in form and announces the valid state of the component. |
+|  | `aria-invalid=true` | Attribute is rendered only when the DateTimePicker is in form and announces the valid state of the component. |
 |  | `tabindex=0` | The element should be focusable. |
@@ -27,0 +29,0 @@ | `.k-disabled .k-input-inner` | `disabled=disabled` or `aria-disabled=true` | Attribute is rendered only when the DateTimePicker is disabled. |

dist/angular/aria/maskedtextbox_aria.md

@@ -21,2 +21,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the MaskedTextBox is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-placeholder` | Announces the mask or placeolder for the component. |
@@ -23,0 +25,0 @@ | `.k-invalid .k-input-inner,.ng-invalid .k-input-inner` | `aria-invalid=true` | The attribute is rendered only when the MaskedTextBox is in a form and announces the valid state of the component. |

dist/angular/aria/numerictextbox_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the NumericTextBox is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-valuemnow` | Announces the value for the component. |
@@ -18,0 +20,0 @@ |  | `aria-valuemin` | Announces the minimum value allowed for the component. |

dist/angular/aria/radiobutton_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the RadioButton is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `checked=checked` | Announces the checked state of the radio button. |
@@ -18,0 +20,0 @@ |  | `disabled=disabled` or `aria-disabled=true` | The attribute is rendered only when the radio input is disabled. |

dist/angular/aria/switch_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the Switch is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-checked` | Announces the checked state of the Switch. |
@@ -18,0 +20,0 @@ |  | `tabindex=0` | The element must be focusable. |

dist/angular/aria/textarea_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the TextArea is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-multiline=true` | Announces the multi-line behavior of the TextArea. |
@@ -18,0 +20,0 @@ |  | `aria-invalid=true` | The attribute is rendered only when the TextArea is in a form and announces the valid state of the component. |

dist/angular/aria/textbox_aria.md

@@ -19,2 +19,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the TextBox is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-invalid=true` | The attribute is rendered only when the TextBox is in a form and announces the valid state of the component. |
@@ -21,0 +23,0 @@ | `.k-disabled .k-input-inner` | `disabled=disabled` or `aria-disabled=true` | The attribute is rendered only when the TextBox is disabled. |

dist/angular/aria/timepicker_aria.md

@@ -18,2 +18,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the TimePicker is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-expanded=true/false` | Announces whether the Popup is visible or not. |
@@ -20,0 +22,0 @@ |  | `aria-haspopup=dialog` | Indicates the component has a Dialog Popup. |

dist/blazor/aria/checkbox_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name to which it will be assigned. |
+|  | `aria-required=true` | The attribute is rendered only when the CheckBox is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the checkbox, or if the value of the checkbox is invalid, to the error message. This attribute should only be present when a hint is set or when the checkbox value is invalid. |
 |  | `aria-checked=true` or `checked=checked` | Announces the checked state of the CheckBox. |
@@ -18,0 +20,0 @@ |  | `disabled=disabled` or `aria-disabled=true` | The attribute is rendered only when the CheckBox is disabled. |

dist/blazor/aria/dateinput_aria.md

@@ -16,2 +16,5 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the DateInput is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-invalid=true` | Attribute is rendered only when the DateInput is in form and announces the valid state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `readonly=readonly` or `aria-readonly=true` | Attribute is rendered only when the DateInput is readonly. |
@@ -18,0 +21,0 @@ |  | `tabindex=0` | The element should be focusable. |

dist/blazor/aria/datepicker_aria.md

@@ -18,2 +18,3 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the DatePicker is in a `form` HTML element and announces the required state of the component. |
 |  | `aria-haspopup=grid` | Indicates the component has a Calendar Popup that implements `role="grid"`. |
@@ -23,4 +24,5 @@ |  | `aria-expanded=true/false` | Announces whether the Popup is visible or not. |
 |  | `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. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `readonly=readonly` or `aria-readonly=true` | Attribute is rendered only when the DatePicker is readonly. |
-|  | `aria-invalid=true` | Attribute is rendered only when the combobox is in form and announces the valid state of the component. |
+|  | `aria-invalid=true` | Attribute is rendered only when the DatePicker is in form and announces the valid state of the component. |
 |  | `tabindex=0` | The element must be focusable. |
@@ -27,0 +29,0 @@ | `.k-disabled .k-input-inner` | `disabled=disabled` or `aria-disabled=true` | Attribute is rendered only when the DatePicker is disabled. |

dist/blazor/aria/daterangepicker_aria.md

@@ -18,2 +18,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the DateRangePicker is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-haspopup=grid` | Indicates the component has a Calendar Popup that implements `role="grid"`. |
@@ -20,0 +22,0 @@ |  | `aria-expanded=true/false` | Announces whether the Popup is visible or not. |

dist/blazor/aria/datetimepicker_aria.md

@@ -18,2 +18,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the DateTimePicker is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-haspopup=dialog` | Indicates the component has a Dialog Popup. |
@@ -24,3 +26,3 @@ |  | `aria-expanded=true/false` | Announces whether the Popup is visible or not. |
 |  | `readonly=readonly` or `aria-readonly=true` | Attribute is rendered only when the DateTimePicker is readonly. |
-|  | `aria-invalid=true` | Attribute is rendered only when the combobox is in form and announces the valid state of the component. |
+|  | `aria-invalid=true` | Attribute is rendered only when the DateTimePicker is in form and announces the valid state of the component. |
 |  | `tabindex=0` | The element should be focusable. |
@@ -27,0 +29,0 @@ | `.k-disabled .k-input-inner` | `disabled=disabled` or `aria-disabled=true` | Attribute is rendered only when the DateTimePicker is disabled. |

dist/blazor/aria/maskedtextbox_aria.md

@@ -21,2 +21,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the MaskedTextBox is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-placeholder` | Announces the mask or placeolder for the component. |
@@ -23,0 +25,0 @@ | `.k-invalid .k-input-inner,.ng-invalid .k-input-inner` | `aria-invalid=true` | The attribute is rendered only when the MaskedTextBox is in a form and announces the valid state of the component. |

dist/blazor/aria/numerictextbox_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the NumericTextBox is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-valuemnow` | Announces the value for the component. |
@@ -18,0 +20,0 @@ |  | `aria-valuemin` | Announces the minimum value allowed for the component. |

dist/blazor/aria/radiobutton_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the RadioButton is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `checked=checked` | Announces the checked state of the radio button. |
@@ -18,0 +20,0 @@ |  | `disabled=disabled` or `aria-disabled=true` | The attribute is rendered only when the radio input is disabled. |

dist/blazor/aria/switch_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the Switch is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-checked` | Announces the checked state of the Switch. |
@@ -18,0 +20,0 @@ |  | `tabindex=0` | The element must be focusable. |

dist/blazor/aria/textarea_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the TextArea is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-multiline=true` | Announces the multi-line behavior of the TextArea. |
@@ -18,0 +20,0 @@ |  | `aria-invalid=true` | The attribute is rendered only when the TextArea is in a form and announces the valid state of the component. |

dist/blazor/aria/textbox_aria.md

@@ -19,2 +19,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the TextBox is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-invalid=true` | The attribute is rendered only when the TextBox is in a form and announces the valid state of the component. |
@@ -21,0 +23,0 @@ | `.k-disabled .k-input-inner` | `disabled=disabled` or `aria-disabled=true` | The attribute is rendered only when the TextBox is disabled. |

dist/blazor/aria/timepicker_aria.md

@@ -18,2 +18,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the TimePicker is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-expanded=true/false` | Announces whether the Popup is visible or not. |
@@ -20,0 +22,0 @@ |  | `aria-haspopup=dialog` | Indicates the component has a Dialog Popup. |

dist/design-system/CheckBox.json

@@ -37,2 +37,12 @@ [
                     "Selector": "",
+                    "Attribute": "`aria-required=true`",
+                    "Usage": "The attribute is rendered only when the CheckBox is in a `form` HTML element and announces the required state of the component."
+                },
+                {
+                    "Selector": "",
+                    "Attribute": "`aria-describedby=.k-form-hint id/.k-form-error id`",
+                    "Usage": "Points to the hint for the checkbox, or if the value of the checkbox is invalid, to the error message. This attribute should only be present when a hint is set or when the checkbox value is invalid."
+                },
+                {
+                    "Selector": "",
                     "Attribute": "`aria-checked=true` or `checked=checked`",
@@ -39,0 +49,0 @@ "Usage": "Announces the checked state of the CheckBox."

dist/design-system/DateInput.json

@@ -37,2 +37,17 @@ [
                     "Selector": "",
+                    "Attribute": "`aria-required=true`",
+                    "Usage": "The attribute is rendered only when the DateInput is in a `form` HTML element and announces the required state of the component."
+                },
+                {
+                    "Selector": "",
+                    "Attribute": "`aria-invalid=true`",
+                    "Usage": "Attribute is rendered only when the DateInput is in form and announces the valid state of the component."
+                },
+                {
+                    "Selector": "",
+                    "Attribute": "`aria-describedby=.k-form-hint id/.k-form-error id`",
+                    "Usage": "Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid."
+                },
+                {
+                    "Selector": "",
                     "Attribute": "`readonly=readonly` or `aria-readonly=true`",
@@ -39,0 +54,0 @@ "Usage": "Attribute is rendered only when the DateInput is readonly."

dist/design-system/DatePicker.json

@@ -40,2 +40,7 @@ [
                     "Selector": "",
+                    "Attribute": "`aria-required=true`",
+                    "Usage": "The attribute is rendered only when the DatePicker is in a `form` HTML element and announces the required state of the component."
+                },
+                {
+                    "Selector": "",
                     "Attribute": "`aria-haspopup=grid`",
@@ -61,2 +66,7 @@ "Usage": "Indicates the component has a Calendar Popup that implements `role=\"grid\"`."
                     "Selector": "",
+                    "Attribute": "`aria-describedby=.k-form-hint id/.k-form-error id`",
+                    "Usage": "Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid."
+                },
+                {
+                    "Selector": "",
                     "Attribute": "`readonly=readonly` or `aria-readonly=true`",
@@ -68,3 +78,3 @@ "Usage": "Attribute is rendered only when the DatePicker is readonly."
                     "Attribute": "`aria-invalid=true`",
-                    "Usage": "Attribute is rendered only when the combobox is in form and announces the valid state of the component."
+                    "Usage": "Attribute is rendered only when the DatePicker is in form and announces the valid state of the component."
                 },
@@ -71,0 +81,0 @@ {

dist/design-system/DateRangePicker.json

@@ -40,2 +40,12 @@ [
                     "Selector": "",
+                    "Attribute": "`aria-required=true`",
+                    "Usage": "The attribute is rendered only when the DateRangePicker is in a `form` HTML element and announces the required state of the component."
+                },
+                {
+                    "Selector": "",
+                    "Attribute": "`aria-describedby=.k-form-hint id/.k-form-error id`",
+                    "Usage": "Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid."
+                },
+                {
+                    "Selector": "",
                     "Attribute": "`aria-haspopup=grid`",
@@ -42,0 +52,0 @@ "Usage": "Indicates the component has a Calendar Popup that implements `role=\"grid\"`."

dist/design-system/DateTimePicker.json

@@ -40,2 +40,12 @@ [
                     "Selector": "",
+                    "Attribute": "`aria-required=true`",
+                    "Usage": "The attribute is rendered only when the DateTimePicker is in a `form` HTML element and announces the required state of the component."
+                },
+                {
+                    "Selector": "",
+                    "Attribute": "`aria-describedby=.k-form-hint id/.k-form-error id`",
+                    "Usage": "Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid."
+                },
+                {
+                    "Selector": "",
                     "Attribute": "`aria-haspopup=dialog`",
@@ -67,3 +77,3 @@ "Usage": "Indicates the component has a Dialog Popup."
                     "Attribute": "`aria-invalid=true`",
-                    "Usage": "Attribute is rendered only when the combobox is in form and announces the valid state of the component."
+                    "Usage": "Attribute is rendered only when the DateTimePicker is in form and announces the valid state of the component."
                 },
@@ -70,0 +80,0 @@ {

dist/design-system/MaskedTextBox.json

@@ -43,2 +43,12 @@ [
                     "Selector": "",
+                    "Attribute": "`aria-required=true`",
+                    "Usage": "The attribute is rendered only when the MaskedTextBox is in a `form` HTML element and announces the required state of the component."
+                },
+                {
+                    "Selector": "",
+                    "Attribute": "`aria-describedby=.k-form-hint id/.k-form-error id`",
+                    "Usage": "Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid."
+                },
+                {
+                    "Selector": "",
                     "Attribute": "`aria-placeholder`",
@@ -45,0 +55,0 @@ "Usage": "Announces the mask or placeolder for the component."

dist/design-system/NumericTextBox.json

@@ -37,2 +37,12 @@ [
                     "Selector": "",
+                    "Attribute": "`aria-required=true`",
+                    "Usage": "The attribute is rendered only when the NumericTextBox is in a `form` HTML element and announces the required state of the component."
+                },
+                {
+                    "Selector": "",
+                    "Attribute": "`aria-describedby=.k-form-hint id/.k-form-error id`",
+                    "Usage": "Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid."
+                },
+                {
+                    "Selector": "",
                     "Attribute": "`aria-valuemnow`",
@@ -39,0 +49,0 @@ "Usage": "Announces the value for the component."

dist/design-system/RadioButton.json

@@ -37,2 +37,12 @@ [
                     "Selector": "",
+                    "Attribute": "`aria-required=true`",
+                    "Usage": "The attribute is rendered only when the RadioButton is in a `form` HTML element and announces the required state of the component."
+                },
+                {
+                    "Selector": "",
+                    "Attribute": "`aria-describedby=.k-form-hint id/.k-form-error id`",
+                    "Usage": "Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid."
+                },
+                {
+                    "Selector": "",
                     "Attribute": "`checked=checked`",
@@ -39,0 +49,0 @@ "Usage": "Announces the checked state of the radio button."

dist/design-system/Switch.json

@@ -37,2 +37,12 @@ [
                     "Selector": "",
+                    "Attribute": "`aria-required=true`",
+                    "Usage": "The attribute is rendered only when the Switch is in a `form` HTML element and announces the required state of the component."
+                },
+                {
+                    "Selector": "",
+                    "Attribute": "`aria-describedby=.k-form-hint id/.k-form-error id`",
+                    "Usage": "Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid."
+                },
+                {
+                    "Selector": "",
                     "Attribute": "`aria-checked`",
@@ -39,0 +49,0 @@ "Usage": "Announces the checked state of the Switch."

dist/design-system/TextArea.json

@@ -37,2 +37,12 @@ [
                     "Selector": "",
+                    "Attribute": "`aria-required=true`",
+                    "Usage": "The attribute is rendered only when the TextArea is in a `form` HTML element and announces the required state of the component."
+                },
+                {
+                    "Selector": "",
+                    "Attribute": "`aria-describedby=.k-form-hint id/.k-form-error id`",
+                    "Usage": "Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid."
+                },
+                {
+                    "Selector": "",
                     "Attribute": "`aria-multiline=true`",
@@ -39,0 +49,0 @@ "Usage": "Announces the multi-line behavior of the TextArea."

dist/design-system/TextBox.json

@@ -40,2 +40,12 @@ [
                     "Selector": "",
+                    "Attribute": "`aria-required=true`",
+                    "Usage": "The attribute is rendered only when the TextBox is in a `form` HTML element and announces the required state of the component."
+                },
+                {
+                    "Selector": "",
+                    "Attribute": "`aria-describedby=.k-form-hint id/.k-form-error id`",
+                    "Usage": "Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid."
+                },
+                {
+                    "Selector": "",
                     "Attribute": "`aria-invalid=true`",
@@ -42,0 +52,0 @@ "Usage": "The attribute is rendered only when the TextBox is in a form and announces the valid state of the component."

dist/design-system/TimePicker.json

@@ -40,2 +40,12 @@ [
                     "Selector": "",
+                    "Attribute": "`aria-required=true`",
+                    "Usage": "The attribute is rendered only when the TimePicker is in a `form` HTML element and announces the required state of the component."
+                },
+                {
+                    "Selector": "",
+                    "Attribute": "`aria-describedby=.k-form-hint id/.k-form-error id`",
+                    "Usage": "Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid."
+                },
+                {
+                    "Selector": "",
                     "Attribute": "`aria-expanded=true/false`",
@@ -42,0 +52,0 @@ "Usage": "Announces whether the Popup is visible or not."

dist/jquery/aria/checkbox_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name to which it will be assigned. |
+|  | `aria-required=true` | The attribute is rendered only when the CheckBox is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the checkbox, or if the value of the checkbox is invalid, to the error message. This attribute should only be present when a hint is set or when the checkbox value is invalid. |
 |  | `aria-checked=true` or `checked=checked` | Announces the checked state of the CheckBox. |
@@ -18,0 +20,0 @@ |  | `disabled=disabled` or `aria-disabled=true` | The attribute is rendered only when the CheckBox is disabled. |

dist/jquery/aria/dateinput_aria.md

@@ -16,2 +16,5 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the DateInput is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-invalid=true` | Attribute is rendered only when the DateInput is in form and announces the valid state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `readonly=readonly` or `aria-readonly=true` | Attribute is rendered only when the DateInput is readonly. |
@@ -18,0 +21,0 @@ |  | `tabindex=0` | The element should be focusable. |

dist/jquery/aria/datepicker_aria.md

@@ -18,2 +18,3 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the DatePicker is in a `form` HTML element and announces the required state of the component. |
 |  | `aria-haspopup=grid` | Indicates the component has a Calendar Popup that implements `role="grid"`. |
@@ -23,4 +24,5 @@ |  | `aria-expanded=true/false` | Announces whether the Popup is visible or not. |
 |  | `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. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `readonly=readonly` or `aria-readonly=true` | Attribute is rendered only when the DatePicker is readonly. |
-|  | `aria-invalid=true` | Attribute is rendered only when the combobox is in form and announces the valid state of the component. |
+|  | `aria-invalid=true` | Attribute is rendered only when the DatePicker is in form and announces the valid state of the component. |
 |  | `tabindex=0` | The element must be focusable. |
@@ -27,0 +29,0 @@ | `.k-disabled .k-input-inner` | `disabled=disabled` or `aria-disabled=true` | Attribute is rendered only when the DatePicker is disabled. |

dist/jquery/aria/daterangepicker_aria.md

@@ -18,2 +18,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the DateRangePicker is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-haspopup=grid` | Indicates the component has a Calendar Popup that implements `role="grid"`. |
@@ -20,0 +22,0 @@ |  | `aria-expanded=true/false` | Announces whether the Popup is visible or not. |

dist/jquery/aria/datetimepicker_aria.md

@@ -18,2 +18,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the DateTimePicker is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-haspopup=dialog` | Indicates the component has a Dialog Popup. |
@@ -24,3 +26,3 @@ |  | `aria-expanded=true/false` | Announces whether the Popup is visible or not. |
 |  | `readonly=readonly` or `aria-readonly=true` | Attribute is rendered only when the DateTimePicker is readonly. |
-|  | `aria-invalid=true` | Attribute is rendered only when the combobox is in form and announces the valid state of the component. |
+|  | `aria-invalid=true` | Attribute is rendered only when the DateTimePicker is in form and announces the valid state of the component. |
 |  | `tabindex=0` | The element should be focusable. |
@@ -27,0 +29,0 @@ | `.k-disabled .k-input-inner` | `disabled=disabled` or `aria-disabled=true` | Attribute is rendered only when the DateTimePicker is disabled. |

dist/jquery/aria/maskedtextbox_aria.md

@@ -21,2 +21,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the MaskedTextBox is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-placeholder` | Announces the mask or placeolder for the component. |
@@ -23,0 +25,0 @@ | `.k-invalid .k-input-inner,.ng-invalid .k-input-inner` | `aria-invalid=true` | The attribute is rendered only when the MaskedTextBox is in a form and announces the valid state of the component. |

dist/jquery/aria/numerictextbox_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the NumericTextBox is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-valuemnow` | Announces the value for the component. |
@@ -18,0 +20,0 @@ |  | `aria-valuemin` | Announces the minimum value allowed for the component. |

dist/jquery/aria/radiobutton_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the RadioButton is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `checked=checked` | Announces the checked state of the radio button. |
@@ -18,0 +20,0 @@ |  | `disabled=disabled` or `aria-disabled=true` | The attribute is rendered only when the radio input is disabled. |

dist/jquery/aria/switch_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the Switch is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-checked` | Announces the checked state of the Switch. |
@@ -18,0 +20,0 @@ |  | `tabindex=0` | The element must be focusable. |

dist/jquery/aria/textarea_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the TextArea is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-multiline=true` | Announces the multi-line behavior of the TextArea. |
@@ -18,0 +20,0 @@ |  | `aria-invalid=true` | The attribute is rendered only when the TextArea is in a form and announces the valid state of the component. |

dist/jquery/aria/textbox_aria.md

@@ -19,2 +19,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the TextBox is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-invalid=true` | The attribute is rendered only when the TextBox is in a form and announces the valid state of the component. |
@@ -21,0 +23,0 @@ | `.k-disabled .k-input-inner` | `disabled=disabled` or `aria-disabled=true` | The attribute is rendered only when the TextBox is disabled. |

dist/jquery/aria/timepicker_aria.md

@@ -18,2 +18,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the TimePicker is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-expanded=true/false` | Announces whether the Popup is visible or not. |
@@ -20,0 +22,0 @@ |  | `aria-controls=.k-animation-container id` | Points to the popup element. Signifies that the `combobox` element controls the `listbox` popup. |

dist/react/aria/checkbox_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name to which it will be assigned. |
+|  | `aria-required=true` | The attribute is rendered only when the CheckBox is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the checkbox, or if the value of the checkbox is invalid, to the error message. This attribute should only be present when a hint is set or when the checkbox value is invalid. |
 |  | `aria-checked=true` or `checked=checked` | Announces the checked state of the CheckBox. |
@@ -18,0 +20,0 @@ |  | `disabled=disabled` or `aria-disabled=true` | The attribute is rendered only when the CheckBox is disabled. |

dist/react/aria/dateinput_aria.md

@@ -16,2 +16,5 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the DateInput is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-invalid=true` | Attribute is rendered only when the DateInput is in form and announces the valid state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `readonly=readonly` or `aria-readonly=true` | Attribute is rendered only when the DateInput is readonly. |
@@ -18,0 +21,0 @@ |  | `tabindex=0` | The element should be focusable. |

dist/react/aria/datepicker_aria.md

@@ -18,2 +18,3 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the DatePicker is in a `form` HTML element and announces the required state of the component. |
 |  | `aria-haspopup=grid` | Indicates the component has a Calendar Popup that implements `role="grid"`. |
@@ -23,4 +24,5 @@ |  | `aria-expanded=true/false` | Announces whether the Popup is visible or not. |
 |  | `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. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `readonly=readonly` or `aria-readonly=true` | Attribute is rendered only when the DatePicker is readonly. |
-|  | `aria-invalid=true` | Attribute is rendered only when the combobox is in form and announces the valid state of the component. |
+|  | `aria-invalid=true` | Attribute is rendered only when the DatePicker is in form and announces the valid state of the component. |
 |  | `tabindex=0` | The element must be focusable. |
@@ -27,0 +29,0 @@ | `.k-disabled .k-input-inner` | `disabled=disabled` or `aria-disabled=true` | Attribute is rendered only when the DatePicker is disabled. |

dist/react/aria/daterangepicker_aria.md

@@ -18,2 +18,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the DateRangePicker is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-haspopup=grid` | Indicates the component has a Calendar Popup that implements `role="grid"`. |
@@ -20,0 +22,0 @@ |  | `aria-expanded=true/false` | Announces whether the Popup is visible or not. |

dist/react/aria/datetimepicker_aria.md

@@ -18,2 +18,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the DateTimePicker is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-haspopup=dialog` | Indicates the component has a Dialog Popup. |
@@ -24,3 +26,3 @@ |  | `aria-expanded=true/false` | Announces whether the Popup is visible or not. |
 |  | `readonly=readonly` or `aria-readonly=true` | Attribute is rendered only when the DateTimePicker is readonly. |
-|  | `aria-invalid=true` | Attribute is rendered only when the combobox is in form and announces the valid state of the component. |
+|  | `aria-invalid=true` | Attribute is rendered only when the DateTimePicker is in form and announces the valid state of the component. |
 |  | `tabindex=0` | The element should be focusable. |
@@ -27,0 +29,0 @@ | `.k-disabled .k-input-inner` | `disabled=disabled` or `aria-disabled=true` | Attribute is rendered only when the DateTimePicker is disabled. |

dist/react/aria/maskedtextbox_aria.md

@@ -21,2 +21,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the MaskedTextBox is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-placeholder` | Announces the mask or placeolder for the component. |
@@ -23,0 +25,0 @@ | `.k-invalid .k-input-inner,.ng-invalid .k-input-inner` | `aria-invalid=true` | The attribute is rendered only when the MaskedTextBox is in a form and announces the valid state of the component. |

dist/react/aria/numerictextbox_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the NumericTextBox is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-valuemnow` | Announces the value for the component. |
@@ -18,0 +20,0 @@ |  | `aria-valuemin` | Announces the minimum value allowed for the component. |

dist/react/aria/radiobutton_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the RadioButton is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `checked=checked` | Announces the checked state of the radio button. |
@@ -18,0 +20,0 @@ |  | `disabled=disabled` or `aria-disabled=true` | The attribute is rendered only when the radio input is disabled. |

dist/react/aria/switch_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the Switch is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-checked` | Announces the checked state of the Switch. |
@@ -18,0 +20,0 @@ |  | `tabindex=0` | The element must be focusable. |

dist/react/aria/textarea_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the TextArea is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-multiline=true` | Announces the multi-line behavior of the TextArea. |
@@ -18,0 +20,0 @@ |  | `aria-invalid=true` | The attribute is rendered only when the TextArea is in a form and announces the valid state of the component. |

dist/react/aria/textbox_aria.md

@@ -19,2 +19,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the TextBox is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-invalid=true` | The attribute is rendered only when the TextBox is in a form and announces the valid state of the component. |
@@ -21,0 +23,0 @@ | `.k-disabled .k-input-inner` | `disabled=disabled` or `aria-disabled=true` | The attribute is rendered only when the TextBox is disabled. |

dist/react/aria/timepicker_aria.md

@@ -18,2 +18,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the TimePicker is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-expanded=true/false` | Announces whether the Popup is visible or not. |
@@ -20,0 +22,0 @@ |  | `aria-haspopup=dialog` | Indicates the component has a Dialog Popup. |

dist/vue/aria/checkbox_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name to which it will be assigned. |
+|  | `aria-required=true` | The attribute is rendered only when the CheckBox is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the checkbox, or if the value of the checkbox is invalid, to the error message. This attribute should only be present when a hint is set or when the checkbox value is invalid. |
 |  | `aria-checked=true` or `checked=checked` | Announces the checked state of the CheckBox. |
@@ -18,0 +20,0 @@ |  | `disabled=disabled` or `aria-disabled=true` | The attribute is rendered only when the CheckBox is disabled. |

dist/vue/aria/dateinput_aria.md

@@ -16,2 +16,5 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the DateInput is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-invalid=true` | Attribute is rendered only when the DateInput is in form and announces the valid state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `readonly=readonly` or `aria-readonly=true` | Attribute is rendered only when the DateInput is readonly. |
@@ -18,0 +21,0 @@ |  | `tabindex=0` | The element should be focusable. |

dist/vue/aria/datepicker_aria.md

@@ -18,2 +18,3 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the DatePicker is in a `form` HTML element and announces the required state of the component. |
 |  | `aria-haspopup=grid` | Indicates the component has a Calendar Popup that implements `role="grid"`. |
@@ -23,4 +24,5 @@ |  | `aria-expanded=true/false` | Announces whether the Popup is visible or not. |
 |  | `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. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `readonly=readonly` or `aria-readonly=true` | Attribute is rendered only when the DatePicker is readonly. |
-|  | `aria-invalid=true` | Attribute is rendered only when the combobox is in form and announces the valid state of the component. |
+|  | `aria-invalid=true` | Attribute is rendered only when the DatePicker is in form and announces the valid state of the component. |
 |  | `tabindex=0` | The element must be focusable. |
@@ -27,0 +29,0 @@ | `.k-disabled .k-input-inner` | `disabled=disabled` or `aria-disabled=true` | Attribute is rendered only when the DatePicker is disabled. |

dist/vue/aria/daterangepicker_aria.md

@@ -18,2 +18,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the DateRangePicker is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-haspopup=grid` | Indicates the component has a Calendar Popup that implements `role="grid"`. |
@@ -20,0 +22,0 @@ |  | `aria-expanded=true/false` | Announces whether the Popup is visible or not. |

dist/vue/aria/datetimepicker_aria.md

@@ -18,2 +18,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the DateTimePicker is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-haspopup=dialog` | Indicates the component has a Dialog Popup. |
@@ -24,3 +26,3 @@ |  | `aria-expanded=true/false` | Announces whether the Popup is visible or not. |
 |  | `readonly=readonly` or `aria-readonly=true` | Attribute is rendered only when the DateTimePicker is readonly. |
-|  | `aria-invalid=true` | Attribute is rendered only when the combobox is in form and announces the valid state of the component. |
+|  | `aria-invalid=true` | Attribute is rendered only when the DateTimePicker is in form and announces the valid state of the component. |
 |  | `tabindex=0` | The element should be focusable. |
@@ -27,0 +29,0 @@ | `.k-disabled .k-input-inner` | `disabled=disabled` or `aria-disabled=true` | Attribute is rendered only when the DateTimePicker is disabled. |

dist/vue/aria/maskedtextbox_aria.md

@@ -21,2 +21,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the MaskedTextBox is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-placeholder` | Announces the mask or placeolder for the component. |
@@ -23,0 +25,0 @@ | `.k-invalid .k-input-inner,.ng-invalid .k-input-inner` | `aria-invalid=true` | The attribute is rendered only when the MaskedTextBox is in a form and announces the valid state of the component. |

dist/vue/aria/numerictextbox_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the NumericTextBox is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-valuemnow` | Announces the value for the component. |
@@ -18,0 +20,0 @@ |  | `aria-valuemin` | Announces the minimum value allowed for the component. |

dist/vue/aria/radiobutton_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the RadioButton is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `checked=checked` | Announces the checked state of the radio button. |
@@ -18,0 +20,0 @@ |  | `disabled=disabled` or `aria-disabled=true` | The attribute is rendered only when the radio input is disabled. |

dist/vue/aria/switch_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the Switch is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-checked` | Announces the checked state of the Switch. |
@@ -18,0 +20,0 @@ |  | `tabindex=0` | The element must be focusable. |

dist/vue/aria/textarea_aria.md

@@ -16,2 +16,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the TextArea is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-multiline=true` | Announces the multi-line behavior of the TextArea. |
@@ -18,0 +20,0 @@ |  | `aria-invalid=true` | The attribute is rendered only when the TextArea is in a form and announces the valid state of the component. |

dist/vue/aria/textbox_aria.md

@@ -19,2 +19,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input requires an accessible name that will be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the TextBox is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-invalid=true` | The attribute is rendered only when the TextBox is in a form and announces the valid state of the component. |
@@ -21,0 +23,0 @@ | `.k-disabled .k-input-inner` | `disabled=disabled` or `aria-disabled=true` | The attribute is rendered only when the TextBox is disabled. |

dist/vue/aria/timepicker_aria.md

@@ -18,2 +18,4 @@
 |  | `label for` or `aria-label` or `aria-labelledby` | The input needs an accessible name to be assigned to it. |
+|  | `aria-required=true` | The attribute is rendered only when the TimePicker is in a `form` HTML element and announces the required state of the component. |
+|  | `aria-describedby=.k-form-hint id/.k-form-error id` | Points to the hint for the input, or if the input is invalid, to the error message. This attribute should only be present when a hint is set or when the input is invalid. |
 |  | `aria-expanded=true/false` | Announces whether the Popup is visible or not. |
@@ -20,0 +22,0 @@ |  | `aria-haspopup=dialog` | Indicates the component has a Dialog Popup. |

package.json

 {
   "name": "@progress/wct-a11y-spec",
-  "version": "2.13.1-develop.5",
+  "version": "2.14.0-develop.1",
   "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

5046190

increased by1.73%

Number of package files

1056

increased by1.05%

Lines of code

67631

increased by1.4%

No dependency changes