From 4adfcdc8fea9719e773e261145f8757f7b8f99b0 Mon Sep 17 00:00:00 2001
From: yangdx <yangdx@znipower.com>
Date: Wed, 26 Mar 2025 14:40:54 +0800
Subject: [PATCH] feat(accessibility): add screen reader text for pipeline
 status dialog

---
 .../src/components/documents/PipelineStatusDialog.tsx      | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/lightrag_webui/src/components/documents/PipelineStatusDialog.tsx b/lightrag_webui/src/components/documents/PipelineStatusDialog.tsx
index 1d4074e8..8b83132b 100644
--- a/lightrag_webui/src/components/documents/PipelineStatusDialog.tsx
+++ b/lightrag_webui/src/components/documents/PipelineStatusDialog.tsx
@@ -8,6 +8,7 @@ import {
   AlertDialogContent,
   AlertDialogHeader,
   AlertDialogTitle,
+  AlertDialogDescription,
   AlertDialogOverlay,
 } from '@/components/ui/AlertDialog'
 import Button from '@/components/ui/Button'
@@ -121,6 +122,12 @@ export default function PipelineStatusDialog({
           position === 'right' && '!right-4 !left-auto !translate-x-0'
         )}
       >
+        <AlertDialogDescription className="sr-only">
+          {status?.job_name 
+            ? `${t('documentPanel.pipelineStatus.jobName')}: ${status.job_name}, ${t('documentPanel.pipelineStatus.progress')}: ${status.cur_batch}/${status.batchs}`
+            : t('documentPanel.pipelineStatus.noActiveJob')
+          }
+        </AlertDialogDescription>
         <AlertDialogHeader className="flex flex-row items-center justify-between">
           <AlertDialogTitle>
             {t('documentPanel.pipelineStatus.title')}