diff --git a/components/checkbox/accessibility/wai-aria-support.md b/components/checkbox/accessibility/wai-aria-support.md index f755b052b2..3dbb12916c 100644 --- a/components/checkbox/accessibility/wai-aria-support.md +++ b/components/checkbox/accessibility/wai-aria-support.md @@ -27,6 +27,8 @@ This section lists the selectors, attributes, and behavior patterns supported by | -------- | --------- | ----- | | `.k-checkbox` | `role=checkbox` or `type=checkbox` | Announces the `checkbox` role of the element. | | | `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. | | | `disabled=disabled` or `aria-disabled=true` | The attribute is rendered only when the CheckBox is disabled. | | `.k-invalid,.ng-invalid` | `aria-invalid=true` | The attribute is rendered only when the CheckBox is in a `form` HTML element and announces the invalid state of the component. | diff --git a/components/dateinput/accessibility/wai-aria-support.md b/components/dateinput/accessibility/wai-aria-support.md index 5a5fb241b4..11a9828a9a 100644 --- a/components/dateinput/accessibility/wai-aria-support.md +++ b/components/dateinput/accessibility/wai-aria-support.md @@ -27,6 +27,9 @@ This section lists the selectors, attributes, and behavior patterns supported by | -------- | --------- | ----- | | `.k-input-inner` | `role=textbox` or `nodeName=input` | The element should either be an `` element or should have `role="textbox"` assigned. | | | `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. | | | `tabindex=0` | The element should be focusable. | | `.k-disabled .k-input-inner` | `disabled=disabled` or `aria-disabled=true` | Attribute is rendered only when the DateInput is disabled. | diff --git a/components/datepicker/accessibility/wai-aria-support.md b/components/datepicker/accessibility/wai-aria-support.md index e9a483083c..260bbcd577 100644 --- a/components/datepicker/accessibility/wai-aria-support.md +++ b/components/datepicker/accessibility/wai-aria-support.md @@ -29,12 +29,14 @@ This section lists the selectors, attributes, and behavior patterns supported by | -------- | --------- | ----- | | `.k-input-inner` | `role=combobox` | The input element should follow the `combobox` specification. | | | `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"`. | | | `aria-expanded=true/false` | Announces whether the Popup is visible or not. | | | `aria-controls=.k-animation-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. | +| | `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. | | `.k-disabled .k-input-inner` | `disabled=disabled` or `aria-disabled=true` | Attribute is rendered only when the DatePicker is disabled. | | `.k-input-button` | `role=button` or `nodeName=button` | The element should either be a `