fix: add aria-label to traffic progress bar for accessibility

mihomo-party-org · Feb 3, 2025 · 2b0901c · 2b0901c
1 parent 35c239e
commit 2b0901c
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/renderer/src/components/profiles/profile-item.tsx b/src/renderer/src/components/profiles/profile-item.tsx
@@ -303,6 +303,7 @@ const ProfileItem: React.FC<Props> = (props) => {
               {extra && (
                 <Progress
                   className="w-full"
+                  aria-label="流量使用进度"
                   classNames={{
                     indicator: isCurrent ? 'bg-primary-foreground' : 'bg-foreground'
                   }}

diff --git a/src/renderer/src/components/sider/profile-card.tsx b/src/renderer/src/components/sider/profile-card.tsx
@@ -204,6 +204,7 @@ const ProfileCard: React.FC<Props> = (props) => {
             {extra && (
               <Progress
                 className="w-full"
+                aria-label="流量使用进度"
                 classNames={{ indicator: match ? 'bg-primary-foreground' : 'bg-foreground' }}
                 value={calcPercent(extra?.upload, extra?.download, extra?.total)}
               />