The "Assisted permissions" text in the chat input toolbar has a contrast ratio of 4.295:1, below the required 4.5:1: A11y_Compare Models and Harnesses_ Compare models chat section_Contrast(Minimum)

Đang mở Phù hợp với người mới
  • Có gì không ổn?
#347,797 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

Chưa có ai nhận issue này.

Đánh giá

Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức phù hợp với người mới
62/100
Loại issue
Lỗi
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
typescript
Lĩnh vực
accessibility, frontend

Hướng nghiên cứu

Bắt đầu bằng cách tìm thanh công cụ nhập chat và nhãn “Assisted permissions” trong ứng dụng khách VS Code, sau đó truy tìm màu giao diện được dùng cho văn bản đó. Điều chỉnh màu văn bản hoặc màu nền để độ tương phản đạt ít nhất 4,5:1, kiểm tra cả giao diện sáng và tối. Hoàn tất khi nhãn đạt ngưỡng này trên tất cả các khung chat và giao diện bị ảnh hưởng.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

GitHub Tags:

#a11ydb-low-contrast-text; #A11yTCS; #A11yMAS; #WCAG1.4.3; #Visual Studio Code Client; #SH_CompareModelandharnessess_Win32_Nov2026; #DesktopApp; #Win32; #Contrast(Minimum); #A11ySev2;

Issue Sub-Category:

Text has insufficient contrast with its background

User Impact:

Low vision users — people with reduced vision or impaired contrast sensitivity may be unable to read text that does not meet the minimum ratio; this is one of the most common accessibility barriers.

Repro Steps:

Launch Visual Studio Code app>Agent Window>Give prompt>Models selection>Compare models>Chat Input Toolbar>Observe the issue.

Actual Result:

Body or large text falls below the contrast minimum against its background (for example #999 on #FFF, below 4.5:1 for normal text or below 3:1 for large text at 18pt or 14pt bold).
The orange "Assisted permissions" text in the chat input toolbar (next to "Autopilot") has a contrast ratio of 4.295:1 against its light background. This is below the minimum for normal-size text, so users with low vision or color-vision differences may struggle to read it. The issue shows up in every chat pane in the sessions window.

Expected Result:

The "Assisted permissions" text should have a contrast ratio of at least 4.5:1 against its background, as WCAG 2.1 Success Criterion 1.4.3 (Contrast, Minimum, Level AA) requires for normal text.

How to fix:

Darken the text or adjust the background until the ratio is met, verify with a contrast checker, and audit every color theme including dark mode.

Environment Details:

Application name: Compare Models and Harnesses
VS Code Version: 1.145.2 (User Setup)
OS details: Windows 11 Enterprise Insider Preview
OS Build: 26709.1000

Attachment:
A11y_Copare Models and Harnesses_Color Contrast
Ngôn ngữ chính
TypeScript
Star
195k
Fork
43.8k
Merge trung bình
8 giờ 20 phút
Pull request đã merge (30 ngày)
653

Chuẩn bị môi trường

Mở trong Codespaces

Khởi chạy dev container của dự án ngay trên trình duyệt, bằng tài khoản GitHub của bạn.

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của microsoft/vscode

Tất cả issue của microsoft/vscode

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.