Align the visual and hidden label

WordPress · May 28, 2024 · 1d77290 · 1d77290
1 parent d3e69fa
commit 1d77290
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/packages/editor/src/components/post-sticky/index.js b/packages/editor/src/components/post-sticky/index.js
@@ -26,9 +26,7 @@ export default function PostSticky() {
 				<ToggleControl
 					className="editor-post-sticky__toggle-control"
 					label={
-						<VisuallyHidden>
-							{ __( 'Stick to the top of the blog' ) }
-						</VisuallyHidden>
+						<VisuallyHidden>{ __( 'Sticky' ) }</VisuallyHidden>
 					}
 					checked={ postSticky }
 					onChange={ () => editPost( { sticky: ! postSticky } ) }

diff --git a/test/e2e/specs/editor/various/sidebar.spec.js b/test/e2e/specs/editor/various/sidebar.spec.js
@@ -126,7 +126,7 @@ test.describe( 'Sidebar', () => {
 			name: 'Change discussion options',
 		} );
 		const postSummarySection = page.getByRole( 'checkbox', {
-			name: 'Stick to the top of the blog',
+			name: 'Sticky',
 		} );
 
 		await expect( postExcerptPanel ).toBeVisible();