Propery associate the mode switcher label.

WordPress · Jul 19, 2017 · 5465e6f · 5465e6f
1 parent ef44f70
commit 5465e6f
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/editor/header/mode-switcher/index.js b/editor/header/mode-switcher/index.js
@@ -40,11 +40,12 @@ function ModeSwitcher( { mode, onSwitch } ) {
 	/* eslint-disable jsx-a11y/no-onchange */
 	return (
 		<div className="editor-mode-switcher">
-			<label className="screen-reader-text">{ __( 'Change editor mode' ) }</label>
+			<label htmlFor="editor-mode-switcher__input" className="screen-reader-text">{ __( 'Change editor mode' ) }</label>
 			<select
 				value={ mode }
 				onChange={ ( event ) => onSwitch( event.target.value ) }
 				className="editor-mode-switcher__input"
+				id="editor-mode-switcher__input"
 			>
 				{ MODES.map( ( { value, label } ) =>
 					<option key={ value } value={ value }>