Merge pull request #28 from MFB-Technologies-Inc/feature/24-add-a-tit…

…le-to-the-spinner-image Feature/24 add a title to the spinner image
MFB-Technologies-Inc · Nov 3, 2023 · 9195f80 · 9195f80
2 parents 9836abd + 4737806
commit 9195f80
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/src/components/LoadingSpinner.scss b/src/components/LoadingSpinner.scss
@@ -44,8 +44,4 @@ $half-size: math.div($size, 2);
       transform: rotate(350deg);
     }
   }
-
-  .alt-text {
-    display: none;
-  }
 }
diff --git a/src/components/LoadingSpinner.tsx b/src/components/LoadingSpinner.tsx
@@ -14,7 +14,10 @@ export const LoadingSpinner: React.FC = () => (
       y="0px"
       viewBox="0 0 144 144"
       xmlSpace="preserve"
+      aria-labelledby="loadingSpinnerTitle"
+      role="img"
     >
+      <title id="loadingSpinnerTitle">Loading spinner</title>
       <g>
         <path
           opacity="0.9"
@@ -58,6 +61,5 @@ export const LoadingSpinner: React.FC = () => (
         />
       </g>
     </svg>
-    <span className="alt-text">Loading...</span>
   </div>
 )