Yêu cầu đừng ép buộc dùng chế độ tối

• Xin đừng ép buộc chế độ tối

  • Đây là lời đề nghị gửi tới các nhà thiết kế website: đừng ép người dùng phải dùng chế độ tối.
  • Nếu chế độ tối là đặc trưng thương hiệu, hãy chọn tỷ lệ tương phản dễ chịu cho văn bản.
  • Nhiều website chỉ được thiết kế cho chế độ tối nên thường rất khó đọc.

• Mắt tôi! Mắt tôi! 😵‍💫

  • Khi đọc ở chế độ tối, mắt bị căng thẳng và ngay cả sau khi đọc xong vẫn còn lưu ảnh thị giác.
  • Sau khi đọc các bài dài, có những khó chịu như nhìn thấy các sọc ngang.

• Vấn đề thực sự của chế độ tối là gì?

  • Vấn đề thực sự của chế độ tối là tỷ lệ tương phản giữa văn bản và nền.
  • Văn bản trắng thuần trên nền đen có tỷ lệ tương phản 21:1, gây mỏi mắt.
  • Ngược lại, văn bản xám nhạt trên nền xám đậm dễ chịu hơn cho mắt, với tỷ lệ tương phản 4.34:1.

• Không có hướng dẫn nào cho việc này sao?

  • Hướng dẫn tiếp cận nội dung web (WCAG) 2.1 khuyến nghị tỷ lệ tương phản tối thiểu 4.5:1 cho văn bản thông thường, nhưng không có hướng dẫn về tỷ lệ tối đa.
  • Hiện chưa có tiêu chuẩn hay hướng dẫn nào cho tỷ lệ tương phản cao trong chế độ tối.
  • WCAG 3.0 sắp tới sẽ bổ sung yêu cầu khám phá mới về "độ tương phản văn bản tối đa", và được kỳ vọng sẽ giải quyết vấn đề tỷ lệ tương phản cao trong chế độ tối.

• Khi tận hưởng chế độ tối

  • Tác giả thích chế độ tối khi đọc trong phòng tối trên màn hình OLED, đặc biệt là khi đọc trên điện thoại trước khi đi ngủ.
  • Phần lớn IDE mặc định có chế độ tối với tỷ lệ tương phản dễ chịu.
  • Tác giả thích chế độ tối khi website cung cấp tỷ lệ tương phản dễ chịu trong chế độ này.

• Lưu ý: Bài viết này đã khơi ra một cuộc thảo luận sôi nổi và sâu sắc trên Hacker News, nơi nhiều góc nhìn, trải nghiệm cá nhân và các vấn đề về khả năng tiếp cận đã được bàn luận. Để hiểu đầy đủ các sắc thái của chủ đề này, bạn không nên bỏ lỡ những quan điểm giá trị được chia sẻ trong thread Hacker News.

[GN⁺]

Ý kiến Hacker News

• Các màn hình máy tính đời đầu dùng nền tối với chữ sáng. Khi Microsoft Windows chuyển sang nền trắng với chữ đen thì gây khó chịu. Rất mừng khi chế độ tối quay trở lại, và cũng cần có tùy chọn chế độ sáng không quá chói

• Nếu một website chỉ cung cấp dark mode thì đó là chủ đề của chính trang đó. Phải có light mode thì mới có dark mode. Không nên ép buộc họ phải duy trì cả hai chế độ

• Chế độ sáng không thể đặt làm mặc định đã tồn tại quá lâu. Dark mode chỉ tốt hơn khi ở trong phòng tối và màn hình là nguồn sáng duy nhất. Dark mode chỉ là giải pháp tạm thời, còn light mode thì khó đọc trong môi trường sáng

• Một blog nào đó phớt lờ cài đặt của thiết bị và ép dùng light mode. Vấn đề không phải là dark mode mà là độ tương phản màu sắc

• Không nên ép tỷ lệ tương phản thấp. Không phải mọi người dùng đều xem nội dung trong môi trường sáng. Cần tận dụng dải màu SDR

• Mong các website tôn trọng cài đặt người dùng của hệ thống. Trình duyệt đã trao cho nhà phát triển quá nhiều quyền kiểm soát. Cài đặt của người dùng phải được ưu tiên

• Nhiều web developer đặt dark mode làm mặc định và bỏ qua sở thích của người dùng. Có thể dùng thuộc tính CSS color-scheme để chỉ ra một phần tử có thể được render theo những color scheme nào

• Là người dùng macOS, tôi trộn dark mode và light mode tùy theo tình huống. Có thể thay đổi theme qua cài đặt hệ thống

• Ví dụ "văn bản dễ đọc" trên blog lại khó đọc. Đó là vì độ tương phản thấp

• Cá nhân tôi thích light mode hơn, nhưng trong IDE hoặc terminal thì lại dùng dark theme và đặt độ sáng lên mức tối đa. Dark mode gây mỏi mắt hơn và khó tập trung hơn

• Có thể dùng Web API để kiểm tra liệu người dùng có đang ở dark mode hay không. Dùng @media (prefers-color-scheme: dark) để áp dụng các quy tắc CSS