diff --git a/.changeset/violet-phones-notice.md b/.changeset/violet-phones-notice.md new file mode 100644 index 00000000000..7f5a91e04ca --- /dev/null +++ b/.changeset/violet-phones-notice.md @@ -0,0 +1,5 @@ +--- +'@primer/react': patch +--- + +SegmentedControl: Resolve axe-violation by adding a discernible text to the icon button and removing the tooltip until it is marked as accessible diff --git a/src/SegmentedControl/SegmentedControlIconButton.tsx b/src/SegmentedControl/SegmentedControlIconButton.tsx index ad506696ac4..f9ec02520fd 100644 --- a/src/SegmentedControl/SegmentedControlIconButton.tsx +++ b/src/SegmentedControl/SegmentedControlIconButton.tsx @@ -3,7 +3,6 @@ import {IconProps} from '@primer/octicons-react' import styled from 'styled-components' import sx, {merge, SxProp} from '../sx' import {getSegmentedControlButtonStyles, getSegmentedControlListItemStyles} from './getSegmentedControlStyles' -import Tooltip from '../Tooltip' import Box from '../Box' import {defaultSxProp} from '../utils/defaultSxProp' @@ -45,17 +44,17 @@ export const SegmentedControlIconButton: React.FC - - - - - - - + {/* TODO: Once the tooltip remediations are resolved (especially https://github.com/github/primer/issues/1909) - bring it back */} + + + + + ) }