popcodeorg / popcodeorg/popcode

Improve syntax highlighting color constrast

Đang mở
#1,359 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

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

help wanted ux
Ngôn ngữ chính
JavaScript
Star
191
Fork
143
Merge trung bình
4 ngày 11 giờ
Pull request đã merge (30 ngày)
5

Mô tả

Inspired loosely by the idea behind colorblind-wombat-dark-syntax, improve the color contrast of syntax highlighting so that it is more accessible to students with various forms of colorblindness. As noted in the above linked article, most syntax highlighters need more 7 colors, so this will likely not be perfect, but at a minimum we can improve the contrast for syntax highlighting.

More research is probably needed to figure out good colors for the white background popcode uses, but here's a starting point on color palettes for colorblindness. Specifically, the 12 color palette looks very promising:

Concrete proposal is to roll our own ACE theme based on the 12 color palette, avoiding the lighter/lower-contrast tones (so we’d probably have about eight to work with). Looking at the built-in ACE themes, most appear to only be about 100 lines of CSS, so this seems pretty practical. And building our own from scratch removes a lot of the unpredictability associated with trying to adapt an existing theme.

Of course from an implementation standpoint we should be able to just write appropriately-scoped rules right into our own stylesheet.

Hướng dẫn đóng góp

Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này

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.

Hướng nghiên cứu

Bắt đầu bằng cách xem xét các theme ACE tích hợp sẵn và stylesheet riêng của dự án để xác định cách các màu tô sáng cú pháp hiện được áp dụng. Nghiên cứu các bảng màu dành cho người mù màu được liên kết và so sánh các màu ứng viên trên nền trắng của trình soạn thảo. Được xem là hoàn tất khi một theme ACE tùy chỉnh có phạm vi giới hạn hoặc các quy tắc stylesheet cung cấp độ tương phản được cải thiện rõ rệt cho người dùng mù màu.

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

Đánh giá

Công nghệ
css, javascript
Lĩnh vực
accessibility, design, frontend
Loại issue
Tính năng
Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
38/100

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.