diff --git a/packages/block-editor/src/components/block-alignment-control/test/__snapshots__/index.js.snap b/packages/block-editor/src/components/block-alignment-control/test/__snapshots__/index.js.snap index 17f5318b43669c..8787c52275142a 100644 --- a/packages/block-editor/src/components/block-alignment-control/test/__snapshots__/index.js.snap +++ b/packages/block-editor/src/components/block-alignment-control/test/__snapshots__/index.js.snap @@ -73,7 +73,7 @@ exports[`BlockAlignmentUI should match snapshot 1`] = ` } isCollapsed={true} - label="Align" + label="Change alignment or width" popoverProps={ Object { "isAlternate": true, @@ -81,7 +81,7 @@ exports[`BlockAlignmentUI should match snapshot 1`] = ` } toggleProps={ Object { - "describedBy": "Change alignment", + "describedBy": "Change alignment or width", } } /> diff --git a/packages/block-editor/src/components/block-alignment-control/test/index.native.js b/packages/block-editor/src/components/block-alignment-control/test/index.native.js index 64a9f3bfce1f6b..4d78271ad784af 100644 --- a/packages/block-editor/src/components/block-alignment-control/test/index.native.js +++ b/packages/block-editor/src/components/block-alignment-control/test/index.native.js @@ -13,7 +13,7 @@ it( 'should call onChange with undefined when the control is already active', () const screen = render( ); - const alignButton = screen.getByA11yLabel( 'Align' ); + const alignButton = screen.getByA11yLabel( 'Change alignment or width' ); fireEvent.press( alignButton ); const rightAlignmentButton = screen.getByA11yLabel( 'Align right' ); fireEvent.press( rightAlignmentButton ); @@ -27,7 +27,7 @@ it( 'should call onChange with alignment value when the control is inactive', () const screen = render( ); - const alignButton = screen.getByA11yLabel( 'Align' ); + const alignButton = screen.getByA11yLabel( 'Change alignment or width' ); fireEvent.press( alignButton ); const centerAlignmentButton = screen.getByA11yLabel( 'Align center' ); fireEvent.press( centerAlignmentButton ); diff --git a/packages/block-editor/src/components/block-alignment-control/ui.js b/packages/block-editor/src/components/block-alignment-control/ui.js index 4fe47568b09d94..3cf8b63f6f2ed9 100644 --- a/packages/block-editor/src/components/block-alignment-control/ui.js +++ b/packages/block-editor/src/components/block-alignment-control/ui.js @@ -52,8 +52,8 @@ function BlockAlignmentUI( { icon: activeAlignmentControl ? activeAlignmentControl.icon : defaultAlignmentControl.icon, - label: __( 'Align' ), - toggleProps: { describedBy: __( 'Change alignment' ) }, + label: __( 'Change alignment or width' ), + toggleProps: { describedBy: __( 'Change alignment or width' ) }, }; const extraProps = isToolbar ? { diff --git a/packages/block-editor/src/components/block-alignment-control/ui.native.js b/packages/block-editor/src/components/block-alignment-control/ui.native.js index 8faa8fe3e0d596..663d73b5359e32 100644 --- a/packages/block-editor/src/components/block-alignment-control/ui.native.js +++ b/packages/block-editor/src/components/block-alignment-control/ui.native.js @@ -47,7 +47,7 @@ function BlockAlignmentUI( { : toolbarUIComponent; const commonProps = { - label: __( 'Align' ), + label: __( 'Change alignment or width' ), }; const extraProps = isBottomSheetControl ? { @@ -77,7 +77,7 @@ function BlockAlignmentUI( { }; } ), popoverProps: POPOVER_PROPS, - toggleProps: { describedBy: __( 'Change alignment' ) }, + toggleProps: { describedBy: __( 'Change alignment or width' ) }, }; return ; diff --git a/packages/block-library/src/embed/test/index.native.js b/packages/block-library/src/embed/test/index.native.js index d3ef251dab9a97..136b7a069fa45c 100644 --- a/packages/block-library/src/embed/test/index.native.js +++ b/packages/block-library/src/embed/test/index.native.js @@ -668,7 +668,9 @@ describe( 'Embed block', () => { // Open alignment options. fireEvent.press( - await waitFor( () => getByA11yLabel( 'Align' ) ) + await waitFor( () => + getByA11yLabel( 'Change alignment or width' ) + ) ); // Select alignment option. diff --git a/packages/e2e-tests/specs/editor/plugins/align-hook.test.js b/packages/e2e-tests/specs/editor/plugins/align-hook.test.js index 9246144d810e08..57f427718fc991 100644 --- a/packages/e2e-tests/specs/editor/plugins/align-hook.test.js +++ b/packages/e2e-tests/specs/editor/plugins/align-hook.test.js @@ -151,7 +151,7 @@ describe( 'Align Hook Works As Expected', () => { it( 'Shows no alignment buttons on the alignment toolbar', async () => { await insertBlock( BLOCK_NAME ); const CHANGE_ALIGNMENT_BUTTON_SELECTOR = - '.block-editor-block-toolbar .components-dropdown-menu__toggle[aria-label="Align"]'; + '.block-editor-block-toolbar .components-dropdown-menu__toggle[aria-label="Change alignment or width"]'; const changeAlignmentButton = await page.$( CHANGE_ALIGNMENT_BUTTON_SELECTOR );