@brightspace-ui/core 1.234.1 → 1.234.2
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.
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Backdrops
|
|
2
2
|
|
|
3
3
|
The `d2l-backdrop` element is a web component to display a semi-transparent backdrop behind a specified sibling element. It also hides elements other than the target from assistive technologies by applying `role="presentation"` and `aria-hidden="true"`.
|
|
4
4
|
|
|
5
|
+
## Backdrop [d2l-backdrop]
|
|
6
|
+
|
|
5
7
|
<!-- docs: demo live name:d2l-backdrop size:small -->
|
|
6
8
|
```html
|
|
7
9
|
<script type="module">
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
# Off-screen Content
|
|
1
|
+
# Off-screen Content
|
|
2
2
|
|
|
3
3
|
Positioning content off-screen is a valuable accessibility technique that allows us to include content that is only visible to screen reader users. For more information on this approach, read [WebAIM's article on Invisible Content](http://webaim.org/techniques/css/invisiblecontent/).
|
|
4
4
|
|
|
5
|
+
## Offscreen Component [d2l-offscreen]
|
|
6
|
+
|
|
5
7
|
Import the `<d2l-offscreen>` web component and place your content within the default slot to position it off-screen. The content will be hidden in the UI but still discoverable by screen reader users.
|
|
6
8
|
|
|
7
9
|
<!-- docs: demo live name:d2l-offscreen -->
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "1.234.
|
|
3
|
+
"version": "1.234.2",
|
|
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",
|