คำขออย่าบังคับใช้โหมดมืด

 (iamvishnu.com)
2 คะแนน โดย GN⁺ 2025-01-21 | 1 ความคิดเห็น | แชร์ทาง WhatsApp

  • ได้โปรดอย่าบังคับให้ใช้โหมดมืด

    • นี่คือคำขอถึงนักออกแบบเว็บไซต์ว่าอย่าบังคับให้ผู้ใช้ต้องใช้โหมดมืด
    • หากโหมดมืดเป็นเอกลักษณ์ของแบรนด์ ก็ควรเลือกอัตราส่วนคอนทราสต์ของข้อความที่สบายตา
    • หลายเว็บไซต์ถูกออกแบบมาให้มีแต่โหมดมืดเท่านั้น ทำให้อ่านได้ยากในหลายกรณี

  • ตาฉัน! ตาฉัน! 😵‍💫

    • การอ่านในโหมดมืดทำให้ดวงตาทำงานหนัก และยังมีภาพติดตาหลงเหลืออยู่แม้อ่านเสร็จแล้ว
    • เมื่ออ่านบทความยาว ๆ แล้ว อาจเกิดความไม่สบายตา เช่น มองเห็นลายเส้นแนวนอน

  • ปัญหาที่แท้จริงของโหมดมืดคืออะไร?

    • ปัญหาที่แท้จริงของโหมดมืดคือ อัตราส่วนคอนทราสต์ ระหว่างข้อความกับพื้นหลัง
    • ข้อความสีขาวล้วนบนพื้นหลังสีดำมีอัตราส่วนคอนทราสต์ 21:1 ซึ่งทำให้ตาล้า
    • ในทางกลับกัน ข้อความสีเทาอ่อนบนพื้นหลังสีเทาเข้มสบายตากว่า และมีอัตราส่วนคอนทราสต์ 4.34:1

  • มีแนวทางเรื่องนี้หรือไม่?

    • แนวทางการเข้าถึงเนื้อหาเว็บ (WCAG) 2.1 แนะนำอัตราส่วนคอนทราสต์ ขั้นต่ำ สำหรับข้อความทั่วไปไว้ที่ 4.5:1 แต่ไม่มีแนวทางสำหรับค่าสูงสุด
    • ปัจจุบันยังไม่มีมาตรฐานหรือแนวทางเกี่ยวกับอัตราส่วนคอนทราสต์ที่สูงในโหมดมืด
    • WCAG 3.0 ที่กำลังจะมาถึงจะเพิ่มข้อกำหนดการสำรวจใหม่เกี่ยวกับ "คอนทราสต์ข้อความสูงสุด" และคาดว่าจะช่วยแก้ปัญหาอัตราส่วนคอนทราสต์สูงในโหมดมืดได้

  • เมื่อเพลิดเพลินกับโหมดมืด

    • ผู้เขียนชอบโหมดมืดเวลาอ่านบนจอ OLED ในห้องมืด โดยเฉพาะเวลาอ่านบนมือถือก่อนนอน
    • IDE ส่วนใหญ่มีโหมดมืดที่ให้อัตราส่วนคอนทราสต์ที่สบายตาเป็นค่าเริ่มต้น
    • ผู้เขียนชอบใช้โหมดมืดเมื่อเว็บไซต์มีอัตราส่วนคอนทราสต์ที่สบายตาในโหมดนี้

  • หมายเหตุ: บทความนี้จุดประกายการถกเถียงที่คึกคักและลุ่มลึกบน Hacker News โดยมีการพูดคุยถึงมุมมองที่หลากหลาย ประสบการณ์ส่วนตัว และประเด็นด้านการเข้าถึง หากต้องการเข้าใจความละเอียดอ่อนของหัวข้อนี้อย่างครบถ้วน ไม่ควรพลาดมุมมองที่มีคุณค่าซึ่งถูกแชร์ไว้ในเธรด Hacker News

บทความที่เกี่ยวข้อง

1 ความคิดเห็น

 
GN⁺ 2025-01-21
ความเห็นจาก Hacker News

  • จอคอมพิวเตอร์ยุคแรกใช้ข้อความสว่างบนพื้นหลังมืด พอ Microsoft Windows เปลี่ยนไปใช้ข้อความสีดำบนพื้นขาวก็รู้สึกไม่สะดวก ยินดีกับการกลับมาของดาร์กโหมด และก็ควรมีตัวเลือกไลต์โหมดที่ไม่สว่างจ้าเกินไปด้วย

  • ถ้าเว็บไซต์มีแค่ดาร์กโหมด นั่นก็ถือเป็นธีมของเว็บไซต์นั้นเอง ดาร์กโหมดจะมีอยู่ได้ก็ต่อเมื่อมีไลต์โหมด ไม่ควรบังคับให้ต้องดูแลทั้งสองโหมดเสมอไป

  • ไลต์โหมดที่ตั้งเป็นค่าเริ่มต้นไม่ได้กินเวลานานมากนัก สถานการณ์ที่ดาร์กโหมดดีกว่ามีแค่ตอนอยู่ในห้องมืดและหน้าจอเป็นแหล่งกำเนิดแสงเดียว ดาร์กโหมดเป็นเพียงทางออกชั่วคราว ส่วนไลต์โหมดกลับอ่านยากในสภาพแวดล้อมที่สว่าง

  • มีบล็อกบางแห่งที่ไม่สนใจการตั้งค่าของอุปกรณ์และบังคับใช้ไลต์โหมด ปัญหาไม่ใช่ดาร์กโหมด แต่เป็นเรื่องคอนทราสต์ของสี

  • ไม่ควรบังคับใช้อัตราส่วนคอนทราสต์ที่ต่ำ ผู้ใช้ไม่ได้ดูเนื้อหาในสภาพแวดล้อมที่สว่างเสมอไป และควรใช้ประโยชน์จากช่วงสีของ SDR

  • อยากให้เว็บไซต์เคารพการตั้งค่าผู้ใช้ในระบบ เบราว์เซอร์ให้อำนาจนักพัฒนามากเกินไป การตั้งค่าของผู้ใช้ควรมาก่อน

  • นักพัฒนาเว็บจำนวนมากตั้งดาร์กโหมดเป็นค่าเริ่มต้นและเมินความชอบของผู้ใช้ สามารถใช้พร็อพเพอร์ตี CSS color-scheme เพื่อระบุได้ว่าองค์ประกอบนั้นสามารถเรนเดอร์ได้กับชุดสีแบบใดบ้าง

  • ในฐานะผู้ใช้ macOS ฉันใช้งานดาร์กโหมดและไลต์โหมดแบบผสมกันตามสถานการณ์ และสามารถเปลี่ยนธีมผ่านการตั้งค่าระบบได้

  • ตัวอย่าง "ข้อความที่อ่านง่าย" ของบล็อกแห่งหนึ่งกลับอ่านยาก เพราะคอนทราสต์ต่ำ

  • โดยส่วนตัวชอบไลต์โหมดมากกว่า แต่ใน IDE หรือเทอร์มินัลจะใช้ธีมมืดพร้อมปรับความสว่างสูงสุด ดาร์กโหมดทำให้ล้าตามากกว่าและโฟกัสได้ยาก

  • สามารถใช้ Web API เพื่อตรวจสอบได้ว่าผู้ใช้เปิดดาร์กโหมดอยู่หรือไม่ และใช้ @media (prefers-color-scheme: dark) เพื่อกำหนดกฎ CSS ได้