Merge pull request #28 from MFB-Technologies-Inc/feature/24-add-a-title-to-the-spinner-image

Feature/24 add a title to the spinner image

Author: lemke-ethan

src/components/LoadingSpinner.scss

@@ -44,8 +44,4 @@ $half-size: math.div($size, 2);
       transform: rotate(350deg);
     }
   }
-
-  .alt-text {
-    display: none;
-  }
 }

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>
 )