chore(ui-color-picker): remove aria-describedby

Author: joyenjoyer

packages/ui-color-picker/src/ColorPreset/index.tsx

@@ -266,9 +266,11 @@ class ColorPreset extends Component<ColorPresetProps, ColorPresetState> {
       cursor={this.props.disabled ? 'not-allowed' : 'auto'}
       as="button"
       {...(selectOnClick ? { onClick: () => this.props.onSelect(color) } : {})}
-      {...(this.isSelectedColor(color)
-        ? { 'aria-label': color + ' selected' }
-        : { 'aria-label': color })}
+      {...{
+        'aria-label': `${color}${
+          this.isSelectedColor(color) ? ' selected' : ''
+        }`
+      }}
     >
       <div>
         <ColorIndicator color={color} shape="rectangle" role="presentation" />
@@ -284,9 +286,23 @@ class ColorPreset extends Component<ColorPresetProps, ColorPresetState> {
     </View>
   )
 
-  renderIndicatorTooltip = (child: React.ReactElement, color: string) => (
-    <Tooltip renderTip={<div>{color}</div>}>{child}</Tooltip>
-  )
+  renderIndicatorTooltip = (child: React.ReactElement, color: string) => {
+    return (
+      <Tooltip
+        renderTip={<div>{color}</div>}
+        elementRef={(element) => {
+          if (
+            element &&
+            element.firstElementChild instanceof HTMLButtonElement
+          ) {
+            element.firstElementChild.removeAttribute('aria-describedby')
+          }
+        }}
+      >
+        {child}
+      </Tooltip>
+    )
+  }
 
   renderSettingsMenu = (color: string, index: number) => (
     <Drilldown