diff --git a/src/components/LoadingSpinner.scss b/src/components/LoadingSpinner.scss
index 4bc22bf..52cb4fa 100644
--- 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
index 1519836..5881633 100644
--- 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>
 )