diff --git a/packages/forms/src/elements/common/Message.spec.tsx b/packages/forms/src/elements/common/Message.spec.tsx index a717cac13d1..466d6a296c0 100644 --- a/packages/forms/src/elements/common/Message.spec.tsx +++ b/packages/forms/src/elements/common/Message.spec.tsx @@ -110,6 +110,7 @@ describe('Message', () => { expect(getByText(text).firstChild!.nodeName).toBe('svg'); expect(getByText(text).firstChild).toHaveAttribute('aria-label', validationLabel); + expect(getByText(text).firstChild).toHaveAttribute('role', 'img'); }); }); }); diff --git a/packages/forms/src/styled/common/StyledMessageIcon.ts b/packages/forms/src/styled/common/StyledMessageIcon.ts index e7e8b1649e1..0e18991f506 100644 --- a/packages/forms/src/styled/common/StyledMessageIcon.ts +++ b/packages/forms/src/styled/common/StyledMessageIcon.ts @@ -42,7 +42,8 @@ interface IStyledMessageIconProps { export const StyledMessageIcon = styled(MessageIcon).attrs({ 'data-garden-id': COMPONENT_ID, 'data-garden-version': PACKAGE_VERSION, - 'aria-hidden': null + 'aria-hidden': null, + role: 'img' })` width: ${props => props.theme.iconSizes.md}; height: ${props => props.theme.iconSizes.md};