fix: set aria-label on all loaders

measuredco · Dec 11, 2023 · 9adca27 · 9adca27
1 parent d7c97b6
commit 9adca27
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/packages/core/components/Button/Button.tsx b/packages/core/components/Button/Button.tsx
@@ -67,7 +67,7 @@ export const Button = ({
       {loading && (
         <>
           &nbsp;&nbsp;
-          <ClipLoader color="inherit" size="14px" />
+          <ClipLoader aria-label="loading" color="inherit" size="14px" />
         </>
       )}
     </ElementType>

diff --git a/packages/core/components/DraggableComponent/index.tsx b/packages/core/components/DraggableComponent/index.tsx
@@ -89,7 +89,7 @@ export const DraggableComponent = ({
           {debug}
           {isLoading && (
             <div className={getClassName("loadingOverlay")}>
-              <ClipLoader size={16} color="inherit" />
+              <ClipLoader aria-label="loading" size={16} color="inherit" />
             </div>
           )}
           <div className={getClassName("overlay")}>

diff --git a/packages/core/components/Puck/components/Fields/index.tsx b/packages/core/components/Puck/components/Fields/index.tsx
@@ -34,7 +34,7 @@ const DefaultFields = ({
       {children}
       {isLoading && (
         <div className={getClassName("loadingOverlay")}>
-          <ClipLoader />
+          <ClipLoader aria-label="loading" />
         </div>
       )}
     </div>

diff --git a/packages/core/components/SidebarSection/index.tsx b/packages/core/components/SidebarSection/index.tsx
@@ -59,7 +59,7 @@ export const SidebarSection = ({
       <div className={getClassName("content")}>{children}</div>
       {isLoading && (
         <div className={getClassName("loadingOverlay")}>
-          <ClipLoader />
+          <ClipLoader aria-label="loading" />
         </div>
       )}
     </div>