Revert "Remove aria-hidden=true from spans with required asterisk (#3320

)" This reverts commit 47b7ea0.
primer · Jun 14, 2023 · 2dc5a87 · 2dc5a87
1 parent c30a452
commit 2dc5a87
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 8 deletions.
diff --git a/.changeset/pink-beds-fetch.md b/.changeset/pink-beds-fetch.md
diff --git a/src/__tests__/deprecated/InputField.test.tsx b/src/__tests__/deprecated/InputField.test.tsx
@@ -6,7 +6,6 @@ import InputField from '../../deprecated/InputField'
 expect.extend(toHaveNoViolations)
 
 const TEXTINPUTFIELD_LABEL_TEXT = 'Name'
-const TEXTINPUTFIELD_LABEL_TEXT_WITH_ASTERISK = 'Name *'
 const TEXTINPUTFIELD_CAPTION_TEXT = 'Hint: your first name'
 const TEXTINPUTFIELD_SUCCESS_TEXT = 'This name is valid'
 const TEXTINPUTFIELD_ERROR_TEXT = 'This name is invalid'
@@ -67,7 +66,7 @@ describe('InputField', () => {
         </SSRProvider>,
       )
 
-      const input = getByRole('textbox', {name: TEXTINPUTFIELD_LABEL_TEXT_WITH_ASTERISK})
+      const input = getByRole('textbox', {name: TEXTINPUTFIELD_LABEL_TEXT})
 
       expect(input.getAttribute('required')).not.toBeNull()
     })

diff --git a/src/internal/components/InputLabel.tsx b/src/internal/components/InputLabel.tsx
@@ -55,7 +55,7 @@ const InputLabel: React.FC<React.PropsWithChildren<Props>> = ({
       {required ? (
         <Box display="flex" as="span">
           <Box mr={1}>{children}</Box>
-          <span>*</span>
+          <span aria-hidden="true">*</span>
         </Box>
       ) : (
         children