Accessibility: Adding a label to the edit image buttons

WordPress · Jul 3, 2017 · 73ef120 · 73ef120
1 parent 9ef4572
commit 73ef120
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/blocks/library/cover-image/index.js b/blocks/library/cover-image/index.js
@@ -58,7 +58,10 @@ registerBlockType( 'core/cover-image', {
 					<Toolbar>
 						<li>
 							<MediaUploadButton
-								buttonProps={ { className: 'components-icon-button components-toolbar__control' } }
+								buttonProps={ {
+									className: 'components-icon-button components-toolbar__control',
+									'aria-label': __( 'Edit image' ),
+								} }
 								onSelect={ onSelectImage }
 								type="image"
 								value={ id }

diff --git a/blocks/library/image/index.js b/blocks/library/image/index.js
@@ -60,7 +60,10 @@ registerBlockType( 'core/image', {
 					<Toolbar>
 						<li>
 							<MediaUploadButton
-								buttonProps={ { className: 'components-icon-button components-toolbar__control' } }
+								buttonProps={ {
+									className: 'components-icon-button components-toolbar__control',
+									'aria-label': __( 'Edit image' ),
+								} }
 								onSelect={ onSelectImage }
 								type="image"
 								value={ id }