@brightspace-ui/core 3.27.8 → 3.28.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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
|
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
|
-
|
33
|
+
## Accessibility
|
34
34
|
|
35
|
-
|
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
|
-
|
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
|
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 },
|
package/custom-elements.json
CHANGED
@@ -847,7 +847,7 @@
|
|
847
847
|
},
|
848
848
|
{
|
849
849
|
"name": "summary",
|
850
|
-
"description": "Summary of the calendar for
|
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
|
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.
|
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",
|