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
);