Tags:
Topics: 
Node Thumbnail

Wikipedia ประกาศรองรับ dark mode อย่างเป็นทางการ บนหน้าเว็บทั้งเดสก์ท็อปและมือถือ

ทีมพัฒนาบอกว่า dark mode เป็นส่วนต่อขยายของธีม Vector ที่เริ่มใช้งานในปี 2022 โดยเป็นหนึ่งในฟีเจอร์ที่ถูกเรียกร้องเข้ามามากที่สุด แต่การทำ dark mode ไม่ได้ง่ายอย่างที่คิด ไม่ใช่เป็นแค่การกดฟิลเตอร์สลับสีแล้วจบกันไป เนื่องจากตัวคอนเทนต์อาจเกิดปัญหาสีเพี้ยนจากการสลับสี จนสูญเสียความหมายที่ถูกต้องไปเลย เช่น หน้าของสี International Orange เมื่อกลับสีแล้วจะเพี้ยน

No Description

อีกปัญหาหนึ่งที่พบคือเรื่อง accessibility เพราะการสลับ dark mode จำเป็นต้องให้มีคอนทราสต์ระหว่างตัวอักษรกับสีพื้นที่มากพอ อ่านได้ง่าย แต่เนื้อหาในบางเพจอาจเลือกสีพื้นหลังที่ไม่ได้คำนึงถึงเรื่องนี้มากนัก เช่น เพจของสโมสรฟุตบอล Wrexham ใช้สีแดงซึ่งเป็นสีประจำสโมสร เป็นสีพื้นของตาราง แต่เมื่อเป็นสีแดงโทนที่ไม่ได้ออกแบบมาเรื่อง accessibility พอกลับสีแล้วจึงเกิดปัญหา

ทีมพัฒนาจึงต้องสร้างเครื่องมือตรวจเช็คว่ามีเพจใดบ้างที่มีปัญหา accessibility แล้วค่อยๆ ตามไปแก้ไขด้วย เนื่องจากปัญหานี้ ทำให้ทีมพัฒนายังเลือกปล่อย dark mode กับ Wikipedia ในทุกภาษา ให้กับผู้ใช้ทุกคนที่ล็อกอินก่อน ส่วนผู้ใช้ที่ไม่ล็อกอิน จะเห็น dark mode แค่ใน Wikipedia บางภาษาเท่านั้น

วิธีการใช้งานต้องเข้าไปเปลี่ยนธีมในหน้า Settings ของผู้ใช้แต่ละคน โดยเลือกได้ว่าเป็นธีมสี light, dark หรืออิงตามค่าของระบบปฏิบัติการ

ตัวอย่าง International Orange ที่ถูกต้อง (บน) และผิด (ล่าง)

No Description

ตัวอย่างโทนสีแดงของ Wrexham ก่อนและหลังแก้ไข

No Description

ที่มา Wikipedia

Get latest news from Blognone

Comments

By: suriyan2538 on 18 July 2024 - 21:03 #1317096
suriyan2538's picture

จะมีเมนต์ประมาณว่า แล้ว Blognone Dark Mode จะมากับเขาเมื่อไหร่ไหมนะ 55

By: Mediumrare
AndroidWindows
on 19 July 2024 - 12:08 #1317124 Reply to:1317096

ก็นั่นสิครับ ทำไมถึงไม่ทำ เรื่องแค่นี้หสกฟ่เนรำาทแใหปดระี่บพา่แิ้ถพจ

By: vulkan on 18 July 2024 - 22:23 #1317100
vulkan's picture

มันทำยากนะ นั่งหาเฉดสีดำเป็นเวลาหลายสิบปี

By: btoy
ContributorAndroidWindows
on 19 July 2024 - 08:34 #1317107
btoy's picture

พื้นโทนดำกับฟอนต์สีน้ำเงินนี่แอบอ่านยากเหมือนกันนะ


..: เรื่อยไป

By: crucifier
iPhoneAndroidUbuntu
on 19 July 2024 - 09:58 #1317115

ผมใช้ Dark Reader Chrome extension ก็สลับสีถูกเหมือนภาพบนเลยนะ (International orange)

จากตอนแรกที่อ่านแล้วคล้ายตาม ก็เลยกลายเป็นสงสัยว่าแล้วทำไม Dark Reader ดูเหมือนจะทำได้ง่ายกว่า