From ed0bccd0f39ec5a92264a2d3b9e05354be2a7935 Mon Sep 17 00:00:00 2001
From: Endless8 <63299434+Endless8@users.noreply.github.com>
Date: Fri, 16 Dec 2022 16:02:27 +0100
Subject: [PATCH] fix(a11y): hide spacer span (#48766)

* fix: removed html text and added aria-hidden attribute to span element

* Update client/src/assets/icons/spacer.tsx

Co-authored-by: Muhammed Mustafa <muhammed@freecodecamp.org>

* fix: formatting code

Co-authored-by: Muhammed Mustafa <muhammed@freecodecamp.org>
---
 client/src/assets/icons/spacer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/assets/icons/spacer.tsx b/client/src/assets/icons/spacer.tsx
index 9d91b61e710fd0f..92575b71379cfaf 100644
--- a/client/src/assets/icons/spacer.tsx
+++ b/client/src/assets/icons/spacer.tsx
@@ -10,9 +10,9 @@ function Spacer(props: SpacerPropTypes): JSX.Element {
 
   return (
     <>
-      <span className='sr-only'>{t('icons.spacer')}</span>
       <svg
         className='tick'
+        aria-hidden='true'
         height='50'
         viewBox='-10 -45 200 200'
         width='50'