ข้อความ Apple และความคมชัดของสี

โหนดต้นทาง: 1760849

ระบายสีให้ฉันสิ! เมื่อคืนฉันจับตัวเองเกี่ยวกับความยากลำบากในการอ่านข้อความใน Apple Messages คุณรู้ไหม ไม่ใช่ฟองอากาศสีน้ำเงินที่คุณได้รับเมื่อส่งข้อความถึงผู้ใช้ iPhone รายอื่น นั่นคือ iMessages

สิ่งที่ฉันกำลังพูดถึงคือฟองสีเขียวที่คุณได้รับเมื่อส่งข้อความถึงผู้ใช้ที่ไม่ใช่ iPhone ข้อความเหล่านี้เป็นข้อความมาตรฐาน

iMessage (ซ้าย) และข้อความ (ขวา)

ลองรันกรีนผ่านตัวตรวจสอบคอนทราสต์เพื่อดูว่าเกิดอะไรขึ้น

Permalink

อุ๊ย ตอนนี้ฉันรู้แล้วว่าทำไมฉันถึงหยิบแว่นอ่านหนังสือเมื่อมีข้อความปรากฏขึ้น อัตราส่วน 2.17:1 นั้นต่ำกว่าข้อกำหนด WCAG 2.0 AA ที่ 4.5:1 และต่ำกว่าระดับ AAA ที่ 7:1

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

ฉันไม่ใช่นักทฤษฎีสมคบคิดและชอบให้ประโยชน์กับความสงสัย บู้ววว…

Apple Messages ใน iOS 6 (ซ้าย) และ iOS 7 (ขวา)
เครดิต: Phoceis
  • ไอโอเอส 6: ข้อความสีเข้มบนพื้นหลังไล่ระดับสีเขียว
  • ไอโอเอส 7: ข้อความสีขาวบน #5AB539 พื้นหลัง (หรือสิ่งที่ใกล้เคียง)
  • ไอโอเอส 16.1: ข้อความสีขาวบน #6ACC46 พื้นหลัง

อันที่สองอิงตามภาพหน้าจอเก่าและอาจไม่ใช่ค่าสีที่ถูกต้องที่สุด แต่ถึงกระนั้น การเปลี่ยนจาก iOS 6 ที่มีข้อความสีเข้มเป็นสิ่งที่เรามีอยู่ในปัจจุบันใน iOS 16.1 แสดงให้เห็นถึงการถดถอยที่ชัดเจน ฉันอยากให้ทีมออกแบบตรวจสอบค่าที่อัปเดตกับหลักเกณฑ์ของ WCAG แน่นอน แต่อย่างน้อยก็เทียบกับของพวกเขาเอง หลักเกณฑ์การเชื่อมต่อมนุษย์.

พื้นหลังสีเขียวปัจจุบัน (#65C466) ดูเหมือนจะแตกต่างจากที่แสดงเป็นสีเขียว "สีของระบบ" (#30D158, แปลงจาก RGB ที่ 48, 209, 88) ในจานสี iOS ที่ระบุไว้ในหลักเกณฑ์ แต่นั่นไม่ได้ทำให้เราเข้าใกล้การให้คะแนน WCAG AA หรือ AAA ที่ผ่านเข้าไปอีก

Permalink

🤷♂️

ประทับเวลา:

เพิ่มเติมจาก เคล็ดลับ CSS