[web] Improve accessible texts used for skeletons

According to #1045 (comment)
agama-project · Feb 22, 2024 · 0c3419b · 0c3419b
1 parent ba0114d
commit 0c3419b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/web/src/components/storage/ProposalDeviceSection.jsx b/web/src/components/storage/ProposalDeviceSection.jsx
@@ -132,7 +132,7 @@ const InstallationDeviceField = ({
   };
 
   if (isLoading) {
-    return <Skeleton screenreaderText={_("Loading selected device")} width="25%" />;
+    return <Skeleton screenreaderText={_("Waiting for information about selected device")} width="25%" />;
   }
 
   const description = _("Select the device for installing the system.");
@@ -330,7 +330,7 @@ created in a logical volume of the system volume group.");
     );
   };
 
-  if (isLoading) return <Skeleton width="25%" />;
+  if (isLoading) return <Skeleton screenreaderText={_("Waiting for information about LVM")} width="25%" />;
 
   return (
     <div className="split">

diff --git a/web/src/components/storage/ProposalDeviceSection.test.jsx b/web/src/components/storage/ProposalDeviceSection.test.jsx
@@ -136,7 +136,7 @@ describe("ProposalDeviceSection", () => {
 
         it("renders a loading hint", () => {
           plainRender(<ProposalDeviceSection {...props} />);
-          screen.getByText("Loading selected device");
+          screen.getByText("Waiting for information about selected device");
         });
       });
     });