gardel/lightrag
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(accessibility): add screen reader text for pipeline status dialog

Browse Source
This commit is contained in:
yangdx
2025-03-26 14:40:54 +08:00
parent af3c9f30dc
commit 4adfcdc8fe
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
lightrag_webui/src/components/documents/PipelineStatusDialog.tsx
View File

@@ -8,6 +8,7 @@ import {
AlertDialogContent, AlertDialogContent,
AlertDialogHeader, AlertDialogHeader,
AlertDialogTitle, AlertDialogTitle,
AlertDialogDescription,
AlertDialogOverlay, AlertDialogOverlay,
} from '@/components/ui/AlertDialog' } from '@/components/ui/AlertDialog'
import Button from '@/components/ui/Button' import Button from '@/components/ui/Button'
@@ -121,6 +122,12 @@ export default function PipelineStatusDialog({
position === 'right' && '!right-4 !left-auto !translate-x-0' 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"> <AlertDialogHeader className="flex flex-row items-center justify-between">
<AlertDialogTitle> <AlertDialogTitle>
{t('documentPanel.pipelineStatus.title')} {t('documentPanel.pipelineStatus.title')}