Add ARIA note to PWA tutorial for improved accessibility (mdn#34156)

* Implement message fragmentation for large messages * suggestions incorporated
OnkarRuikar · Jun 17, 2024 · 514209e · 514209e
1 parent 65d75da
commit 514209e
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/files/en-us/web/css/display/index.md b/files/en-us/web/css/display/index.md
@@ -297,7 +297,9 @@ For examples of transitioning the `display` property, see the [`@starting-style`
 
 Using a `display` value of `none` on an element will remove it from the [accessibility tree](/en-US/docs/Learn/Accessibility/What_is_accessibility#accessibility_apis). This will cause the element and all its descendant elements to no longer be announced by screen reading technology.
 
-If you want to visually hide the element, a more accessible alternative is to use [a combination of properties](https://gomakethings.com/hidden-content-for-better-a11y/#hiding-the-link) to remove it visually from the screen but keep it parsable by assistive technology such as screen readers.
+If you want to visually hide the element, a more accessible alternative is to use [a combination of properties](https://webaim.org/techniques/css/invisiblecontent/) to remove it visually from the screen but still make it available to assistive technology such as screen readers.
+
+While `display: none` hides content from the accessibility tree, elements that are hidden but are referenced from visible elements' `aria-describedby` or `aria-labelledby` attributes are exposed to assistive technologies.
 
 ### display: contents