From 922b15b07c9ead934fe947b45a26750382c713dc Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Fri, 2 Aug 2024 15:30:14 +0000 Subject: [PATCH 1/2] chore: bump @progress/wct-a11y-spec from 2.13.0 to 2.14.0 in /src-a11y Bumps [@progress/wct-a11y-spec](https://github.com/telerik/web-components-ux) from 2.13.0 to 2.14.0. - [Commits](https://github.com/telerik/web-components-ux/commits) --- updated-dependencies: - dependency-name: "@progress/wct-a11y-spec" dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] --- src-a11y/package-lock.json | 6 +++--- src-a11y/package.json | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src-a11y/package-lock.json b/src-a11y/package-lock.json index bf0f8ca6b4..a03d11ab27 100644 --- a/src-a11y/package-lock.json +++ b/src-a11y/package-lock.json @@ -5,9 +5,9 @@ "requires": true, "dependencies": { "@progress/wct-a11y-spec": { - "version": "2.13.0", - "resolved": "https://registry.npmjs.org/@progress/wct-a11y-spec/-/wct-a11y-spec-2.13.0.tgz", - "integrity": "sha512-ADkY61xOJwoYxOIBCVLUlsVIXiwtzKIXnee1yrxY5icGO+KNRm8pr2qUZzaJ0AJddS/BaAieroEphDI/dzYa7Q==", + "version": "2.14.0", + "resolved": "https://registry.npmjs.org/@progress/wct-a11y-spec/-/wct-a11y-spec-2.14.0.tgz", + "integrity": "sha512-3/YsIdqN6q31+5BDp5pz9GDh5drKcyjwTm1QB+qyp72a50ec5/umDJG5jRrA1EYeuUOWDVuX8ii1wPJihQydmQ==", "dev": true }, "abbrev": { diff --git a/src-a11y/package.json b/src-a11y/package.json index 87ee06abe4..14364c2d0d 100644 --- a/src-a11y/package.json +++ b/src-a11y/package.json @@ -8,7 +8,7 @@ "author": "", "license": "ISC", "devDependencies": { - "@progress/wct-a11y-spec": "^2.13.0", + "@progress/wct-a11y-spec": "^2.14.0", "gulp": "^4.0.2", "gulp-json-editor": "^2.5.6", "gulp-rename": "^2.0.0", From cd114817f2a54611c73b5668e59fae36ad83d3eb Mon Sep 17 00:00:00 2001 From: kendo-bot Date: Fri, 2 Aug 2024 15:30:54 +0000 Subject: [PATCH 2/2] docs: update accessibility and keyboard-nav specs --- .../checkbox/accessibility/wai-aria-support.md | 2 ++ .../dateinput/accessibility/wai-aria-support.md | 3 +++ .../datepicker/accessibility/wai-aria-support.md | 4 +++- .../accessibility/wai-aria-support.md | 2 ++ .../datetimepicker/accessibility/wai-aria-support.md | 4 +++- .../maskedtextbox/accessibility/wai-aria-support.md | 2 ++ .../numerictextbox/accessibility/wai-aria-support.md | 2 ++ components/pager/accessibility/wai-aria-support.md | 1 - .../pdfviewer/accessibility/wai-aria-support.md | 12 ++++++------ components/slider/accessibility/wai-aria-support.md | 8 ++++---- .../splitter/accessibility/wai-aria-support.md | 1 + components/stepper/accessibility/wai-aria-support.md | 4 ++-- components/switch/accessibility/wai-aria-support.md | 2 ++ .../textarea/accessibility/wai-aria-support.md | 2 ++ components/textbox/accessibility/wai-aria-support.md | 2 ++ .../timepicker/accessibility/wai-aria-support.md | 2 ++ 16 files changed, 38 insertions(+), 15 deletions(-) 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 `