diff --git a/explorer/src/lib/components/__tests__/__snapshots__/TransactionsCard.spec.js.snap b/explorer/src/lib/components/__tests__/__snapshots__/TransactionsCard.spec.js.snap
index 8fe874c0a9..3d4dc6d1db 100644
--- a/explorer/src/lib/components/__tests__/__snapshots__/TransactionsCard.spec.js.snap
+++ b/explorer/src/lib/components/__tests__/__snapshots__/TransactionsCard.spec.js.snap
@@ -28,6 +28,7 @@ exports[`Transactions Card > should disable the \`Show More\` button if the card
diff --git a/explorer/src/lib/components/block-details/BlockDetails.svelte b/explorer/src/lib/components/block-details/BlockDetails.svelte
index d6316f3684..66829b6be8 100644
--- a/explorer/src/lib/components/block-details/BlockDetails.svelte
+++ b/explorer/src/lib/components/block-details/BlockDetails.svelte
@@ -153,6 +153,7 @@
data.transactions.stats.gasLimit) *
100}
className="block-details__gas-used"
+ ariaLabel="Gas Used"
/>
diff --git a/explorer/src/lib/components/blocks-list/BlocksList.svelte b/explorer/src/lib/components/blocks-list/BlocksList.svelte
index e0ae1cb14f..2dcb78ed4b 100644
--- a/explorer/src/lib/components/blocks-list/BlocksList.svelte
+++ b/explorer/src/lib/components/blocks-list/BlocksList.svelte
@@ -60,6 +60,7 @@
data.transactions.stats.gasLimit) *
100}
className="blocks-list__gas-used"
+ ariaLabel="Gas Used"
/>
diff --git a/explorer/src/lib/components/data-card/DataCard.svelte b/explorer/src/lib/components/data-card/DataCard.svelte
index 0e72163581..f906fad5c9 100644
--- a/explorer/src/lib/components/data-card/DataCard.svelte
+++ b/explorer/src/lib/components/data-card/DataCard.svelte
@@ -43,7 +43,7 @@
{/if}
{#if loading && !data}
-
+
{:else if error || hasEmptyData}
{:else if data}
diff --git a/explorer/src/lib/dusk/components/__tests__/ProgressBar.spec.js b/explorer/src/lib/dusk/components/__tests__/ProgressBar.spec.js
index 232d1e0356..82d308db57 100644
--- a/explorer/src/lib/dusk/components/__tests__/ProgressBar.spec.js
+++ b/explorer/src/lib/dusk/components/__tests__/ProgressBar.spec.js
@@ -14,7 +14,7 @@ describe("ProgressBar", () => {
it("renders the Stepper component with current percentage set as zero", () => {
const { container } = render(ProgressBar, {
- props: { currentPercentage: 0 },
+ props: { ariaLabel: "Loading", currentPercentage: 0 },
});
expect(container.firstChild).toMatchSnapshot();
@@ -22,7 +22,7 @@ describe("ProgressBar", () => {
it("re-renders the Stepper component when the current percentage property changes", async () => {
const { container, rerender } = render(ProgressBar, {
- props: { currentPercentage: 0 },
+ props: { ariaLabel: "Loading", currentPercentage: 0 },
});
expect(container.firstChild).toMatchSnapshot();
diff --git a/explorer/src/lib/dusk/components/__tests__/__snapshots__/ProgressBar.spec.js.snap b/explorer/src/lib/dusk/components/__tests__/__snapshots__/ProgressBar.spec.js.snap
index 2cd3e49bfa..164423c333 100644
--- a/explorer/src/lib/dusk/components/__tests__/__snapshots__/ProgressBar.spec.js.snap
+++ b/explorer/src/lib/dusk/components/__tests__/__snapshots__/ProgressBar.spec.js.snap
@@ -2,6 +2,7 @@
exports[`ProgressBar > re-renders the Stepper component when the current percentage property changes 1`] = `
@@ -14,6 +15,7 @@ exports[`ProgressBar > re-renders the Stepper component when the current percent
exports[`ProgressBar > re-renders the Stepper component when the current percentage property changes 2`] = `
@@ -37,6 +39,7 @@ exports[`ProgressBar > renders the ProgressBar component with no current percent
exports[`ProgressBar > renders the Stepper component with current percentage set as zero 1`] = `
diff --git a/explorer/src/lib/dusk/components/progress-bar/ProgressBar.svelte b/explorer/src/lib/dusk/components/progress-bar/ProgressBar.svelte
index 1060878571..5a5ad0ae4e 100644
--- a/explorer/src/lib/dusk/components/progress-bar/ProgressBar.svelte
+++ b/explorer/src/lib/dusk/components/progress-bar/ProgressBar.svelte
@@ -10,10 +10,13 @@
/** @type {string | Undefined} */
export let className = undefined;
+ /** @type {string} */
+ export let ariaLabel;
+
$: classes = makeClassName(["dusk-progress-bar", className]);
-
+
should render the Blocks page, start polling for blocks a
@@ -1137,6 +1138,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a
class="details-list__definition details-list__definition--table"
>
@@ -1324,6 +1326,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a
class="details-list__definition details-list__definition--table"
>
@@ -1511,6 +1514,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a
class="details-list__definition details-list__definition--table"
>
@@ -1698,6 +1702,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a
class="details-list__definition details-list__definition--table"
>
@@ -1885,6 +1890,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a
class="details-list__definition details-list__definition--table"
>
@@ -2072,6 +2078,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a
class="details-list__definition details-list__definition--table"
>
@@ -2259,6 +2266,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a
class="details-list__definition details-list__definition--table"
>
@@ -2446,6 +2454,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a
class="details-list__definition details-list__definition--table"
>
@@ -2633,6 +2642,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a
class="details-list__definition details-list__definition--table"
>
@@ -2820,6 +2830,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a
class="details-list__definition details-list__definition--table"
>
@@ -3007,6 +3018,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a
class="details-list__definition details-list__definition--table"
>
@@ -3194,6 +3206,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a
class="details-list__definition details-list__definition--table"
>
@@ -3381,6 +3394,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a
class="details-list__definition details-list__definition--table"
>
@@ -3568,6 +3582,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a
class="details-list__definition details-list__definition--table"
>
@@ -3755,6 +3770,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a
class="details-list__definition details-list__definition--table"
>
diff --git a/explorer/src/routes/blocks/block/__tests__/__snapshots__/page.spec.js.snap b/explorer/src/routes/blocks/block/__tests__/__snapshots__/page.spec.js.snap
index 5cd34e5cbf..94914a8e6c 100644
--- a/explorer/src/routes/blocks/block/__tests__/__snapshots__/page.spec.js.snap
+++ b/explorer/src/routes/blocks/block/__tests__/__snapshots__/page.spec.js.snap
@@ -23,6 +23,7 @@ exports[`Block Details > should render the Block Details page and query the nece
@@ -55,6 +56,7 @@ exports[`Block Details > should render the Block Details page and query the nece
@@ -359,6 +361,7 @@ exports[`Block Details > should render the Block Details page and query the nece
580,718
diff --git a/explorer/src/routes/transactions/__tests__/__snapshots__/page.spec.js.snap b/explorer/src/routes/transactions/__tests__/__snapshots__/page.spec.js.snap
index 2d32ea34cb..d6f5ad18a8 100644
--- a/explorer/src/routes/transactions/__tests__/__snapshots__/page.spec.js.snap
+++ b/explorer/src/routes/transactions/__tests__/__snapshots__/page.spec.js.snap
@@ -31,6 +31,7 @@ exports[`Transactions page > should render the Transactions page, start polling
diff --git a/explorer/src/routes/transactions/transaction/__tests__/__snapshots__/page.spec.js.snap b/explorer/src/routes/transactions/transaction/__tests__/__snapshots__/page.spec.js.snap
index eefc2696a6..f500804ded 100644
--- a/explorer/src/routes/transactions/transaction/__tests__/__snapshots__/page.spec.js.snap
+++ b/explorer/src/routes/transactions/transaction/__tests__/__snapshots__/page.spec.js.snap
@@ -20,6 +20,7 @@ exports[`Transaction Details > should render the Transaction details page and qu