Add aria-labels to sidebar status

2026-04-22 22:16:13 -04:00 · 2026-01-06 18:45:58 -08:00
parent ae13ce4ac6
commit 28300ffb2b
4 changed files with 30 additions and 5 deletions
@@ -1,12 +1,22 @@
 import React from 'react';
 import PageSidebarStatus from 'Components/Page/Sidebar/PageSidebarStatus';
+import translate from 'Utilities/String/translate';
 import useQueueStatus from './useQueueStatus';

 function QueueStatus() {
  const { errors, warnings, count } = useQueueStatus();

  return (
-    <PageSidebarStatus count={count} errors={errors} warnings={warnings} />
+    <PageSidebarStatus
+      aria-label={
+        count === 1
+          ? translate('QueueItem')
+          : translate('QueueItems', { count })
+      }
+      count={count}
+      errors={errors}
+      warnings={warnings}
+    />
  );
 }