@brightspace-ui/core 3.27.8 → 3.28.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -23,17 +23,15 @@ Note: All `*-value` properties should be in ISO 8601 calendar date format (`YYYY
23
23
  | `max-value` | String | Maximum valid date that could be selected by a user. |
24
24
  | `min-value` | String | Minimum valid date that could be selected by a user. |
25
25
  | `selected-value` | String | Currently selected date. |
26
- | `summary` | String | Summary of the calendar for accessibility. |
26
+ | `summary` | String | ACCESSIBILITY: Summary of the calendar used by screen reader users for identifying the calendar and/or summarizing its purpose. |
27
27
 
28
28
  ### Events
29
29
 
30
30
  * `d2l-calendar-selected`: dispatched when a date is selected through click, space, or enter. `e.detail.date` is in ISO 8601 calendar date format (`YYYY-MM-DD`).
31
31
  <!-- docs: end hidden content -->
32
32
 
33
- ### Accessibility Properties
33
+ ## Accessibility
34
34
 
35
- To make your usage of `d2l-calendar` accessible, use the following property when applicable:
35
+ The Daylight calendar (`d2l-calendar`) generally follows the W3C's best practice recommendations for a [Date picker dialog](https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog/). Of note is the keyboard behaviour following the [grid pattern](https://www.w3.org/WAI/ARIA/apg/patterns/grid/).
36
36
 
37
- | Attribute | Description |
38
- |--|--|
39
- | `summary` | Use to provide more context on the calendar usage. |
37
+ The W3C recommendations, specifically relating to `attributes` on the calendar's table elements, were followed as much as possible. At the time of development it was not possible to create a calendar with a `grid` role which had the desired appearance, functionality, and supported all browser/screen reader combinations that we support; the expected screen reader experience was replicated as much as possible (e.g., announcing the expected content).
@@ -159,7 +159,7 @@ class Calendar extends LocalizeCoreElement(RtlMixin(LitElement)) {
159
159
  selectedValue: { type: String, attribute: 'selected-value' },
160
160
 
161
161
  /**
162
- * Summary of the calendar for accessibility
162
+ * ACCESSIBILITY: Summary of the calendar used by screen reader users for identifying the calendar and/or summarizing its purpose
163
163
  * @type {string}
164
164
  */
165
165
  summary: { type: String },
@@ -847,7 +847,7 @@
847
847
  },
848
848
  {
849
849
  "name": "summary",
850
- "description": "Summary of the calendar for accessibility",
850
+ "description": "ACCESSIBILITY: Summary of the calendar used by screen reader users for identifying the calendar and/or summarizing its purpose",
851
851
  "type": "string"
852
852
  }
853
853
  ],
@@ -879,7 +879,7 @@
879
879
  {
880
880
  "name": "summary",
881
881
  "attribute": "summary",
882
- "description": "Summary of the calendar for accessibility",
882
+ "description": "ACCESSIBILITY: Summary of the calendar used by screen reader users for identifying the calendar and/or summarizing its purpose",
883
883
  "type": "string"
884
884
  },
885
885
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brightspace-ui/core",
3
- "version": "3.27.8",
3
+ "version": "3.28.0",
4
4
  "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
5
5
  "type": "module",
6
6
  "repository": "https://github.com/BrightspaceUI/core.git",