Adding accessibility state (#687)

Inbal-Tish · web-flow · commit ee5c85065def · 2020-03-15T15:37:58.000+02:00
diff --git a/src/components/colorPicker/ColorSwatch.js b/src/components/colorPicker/ColorSwatch.js
@@ -144,6 +144,7 @@ export default class ColorSwatch extends PureBaseComponent {
         style={[this.styles.container, style]}
         onLayout={this.onLayout}
         accessibilityLabel={Colors.getColorName(color)}
+        accessibilityStates={this.props.selected ? ['selected'] : []}
       >
         {Colors.isTransparent(color) && (
           <Image source={transparentImage} style={this.styles.transparentImage} resizeMode={'cover'}/>

Original file line number	Diff line number	Diff line change
`@@ -144,6 +144,7 @@ export default class ColorSwatch extends PureBaseComponent {`
`144`	`144`	`style={[this.styles.container, style]}`
`145`	`145`	`onLayout={this.onLayout}`
`146`	`146`	`accessibilityLabel={Colors.getColorName(color)}`
	`147`	`+ accessibilityStates={this.props.selected ? ['selected'] : []}`
`147`	`148`	`>`
`148`	`149`	`{Colors.isTransparent(color) && (`
`149`	`150`	`<Image source={transparentImage} style={this.styles.transparentImage} resizeMode={'cover'}/>`