Merge pull request scratchfoundation#482 from nterray/fix_accessibility_issue_on_buttons

paulkaplan · web-flow · commit cac65950ec9d · 2017-06-29T15:12:06.000-04:00
"Add sprite/backdrop" buttons should have a discernible text
diff --git a/src/components/target-pane/target-pane.jsx b/src/components/target-pane/target-pane.jsx
@@ -78,6 +78,7 @@ const TargetPane = ({
 
                 <button
                     className={classNames(styles.addButtonWrapper, styles.addButtonWrapperSprite)}
+                    title="Add sprite"
                     onClick={onNewSpriteClick}
                 >
                     <img
@@ -88,6 +89,7 @@ const TargetPane = ({
 
                 <button
                     className={classNames(styles.addButtonWrapper, styles.addButtonWrapperStage)}
+                    title="Add backdrop"
                     onClick={onNewBackdropClick}
                 >
                     <img

Original file line number	Diff line number	Diff line change
`@@ -78,6 +78,7 @@ const TargetPane = ({`
`78`	`78`
`79`	`79`	`<button`
`80`	`80`	`className={classNames(styles.addButtonWrapper, styles.addButtonWrapperSprite)}`
	`81`	`+ title="Add sprite"`
`81`	`82`	`onClick={onNewSpriteClick}`
`82`	`83`	`>`
`83`	`84`	`<img`
`@@ -88,6 +89,7 @@ const TargetPane = ({`
`88`	`89`
`89`	`90`	`<button`
`90`	`91`	`className={classNames(styles.addButtonWrapper, styles.addButtonWrapperStage)}`
	`92`	`+ title="Add backdrop"`
`91`	`93`	`onClick={onNewBackdropClick}`
`92`	`94`	`>`
`93`	`95`	`<img`