Block Editor: Replace aria-owns with aria-controls in URLInput (#43278)

WordPress · Aug 17, 2022 · c4ee9c1 · c4ee9c1
1 parent a6a07a9
commit c4ee9c1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/block-editor/src/components/link-control/test/index.js b/packages/block-editor/src/components/link-control/test/index.js
@@ -88,9 +88,9 @@ function getURLInput() {
 
 function getSearchResults( container ) {
 	const input = getURLInput();
-	// The input has `aria-owns` to indicate that it owns (and is related to)
+	// The input has `aria-controls` to indicate that it owns (and is related to)
 	// the search results with `role="listbox"`.
-	const relatedSelector = input.getAttribute( 'aria-owns' );
+	const relatedSelector = input.getAttribute( 'aria-controls' );
 
 	// Select by relationship as well as role.
 	return container.querySelectorAll(

diff --git a/packages/block-editor/src/components/url-input/index.js b/packages/block-editor/src/components/url-input/index.js
@@ -462,7 +462,7 @@ class URLInput extends Component {
 			'aria-label': label ? undefined : __( 'URL' ), // Ensure input always has an accessible label
 			'aria-expanded': showSuggestions,
 			'aria-autocomplete': 'list',
-			'aria-owns': suggestionsListboxId,
+			'aria-controls': suggestionsListboxId,
 			'aria-activedescendant':
 				selectedSuggestion !== null
 					? `${ suggestionOptionIdPrefix }-${ selectedSuggestion }`