Use standard WP component to hide things

WordPress · Aug 10, 2023 · 93e0f7f · 93e0f7f
1 parent 37748a1
commit 93e0f7f
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/packages/block-library/src/navigation/edit/accessible-description.js b/packages/block-library/src/navigation/edit/accessible-description.js
@@ -1,10 +1,14 @@
+/**
+ * WordPress dependencies
+ */
+import { VisuallyHidden } from '@wordpress/components';
+
 export default function AccessibleDescription( { id, children } ) {
 	return (
-		<div
-			id={ id }
-			className="wp-block-navigation__description screen-reader-text"
-		>
-			{ children }
-		</div>
+		<VisuallyHidden>
+			<div id={ id } className="wp-block-navigation__description">
+				{ children }
+			</div>
+		</VisuallyHidden>
 	);
 }