Merge pull request #1272 from julien/master

fix: add aria-label and title attributes for the image and video buttons

Author: julien

src/assets/lang/language.json

@@ -38,6 +38,7 @@
 	"secondary": "Secondary",
 	"success": "Success",
 	"table": "Insert Table",
+	"video": "Insert Video",
 	"videoPlaybackDisabled": "Video playback is disabled during edit mode",
 	"warning": "Warning",
 	"white": "White"

src/components/buttons/button-embed-video.jsx

@@ -46,10 +46,12 @@ class ButtonEmbedVideo extends React.Component {
 		} else {
 			return (
 				<button
+					aria-label={AlloyEditor.Strings.video}
 					className="ae-button"
 					data-type="button-embed-video"
 					onClick={this.props.requestExclusive}
-					tabIndex={this.props.tabIndex}>
+					tabIndex={this.props.tabIndex}
+					title={AlloyEditor.Strings.video}>
 					<ButtonIcon symbol="video" />
 				</button>
 			);

src/components/buttons/button-item-selector-image.jsx

@@ -16,10 +16,12 @@ class ButtonItemSelectorImage extends React.Component {
 	render() {
 		return (
 			<button
+				aria-label={AlloyEditor.Strings.image}
 				className="ae-button"
 				data-type="button-image"
 				onClick={this._handleClick}
-				tabIndex={this.props.tabIndex}>
+				tabIndex={this.props.tabIndex}
+				title={AlloyEditor.Strings.image}>
 				<ButtonIcon symbol="picture" />
 			</button>
 		);