GN⁺: 다크 모드 강제 사용 금지 요청

• 제발 다크 모드를 강요하지 말아주세요

  • 웹사이트 디자이너들에게 다크 모드를 사용자에게 강요하지 말라는 요청임.
  • 다크 모드가 브랜드의 특징이라면, 텍스트의 편안한 대비 비율을 선택해야 함.
  • 많은 웹사이트가 다크 모드로만 디자인되어 있어 읽기 어려운 경우가 많음.

• 내 눈! 내 눈! 😵‍💫

  • 다크 모드로 읽으면 눈에 부담이 가고, 읽은 후에도 시각적 잔상이 남음.
  • 긴 글을 읽고 나면 수평 줄무늬가 보이는 등의 불편함이 있음.

• 다크 모드의 진짜 문제는 무엇인가?

  • 다크 모드의 진짜 문제는 텍스트와 배경 간의 대비 비율임.
  • 순수한 흰색 텍스트와 검은색 배경의 대비 비율은 21:1로 눈에 부담을 줌.
  • 반면, 밝은 회색 텍스트와 어두운 회색 배경은 눈에 편안하며 대비 비율은 4.34:1임.

• 이에 대한 지침은 없는가?

  • 웹 콘텐츠 접근성 지침(WCAG) 2.1은 일반 텍스트에 대해 최소 대비 비율 4.5:1을 권장하지만, 최대 비율에 대한 지침은 없음.
  • 다크 모드에서 높은 대비 비율에 대한 표준이나 지침이 현재 없음.
  • 다가오는 WCAG 3.0은 "최대 텍스트 대비"에 대한 새로운 탐색 요구사항을 추가하며, 다크 모드에서 높은 대비 비율 문제를 해결할 것으로 기대됨.

• 다크 모드를 즐길 때

  • OLED 화면에서 어두운 방에서 읽을 때, 특히 잠자기 전 휴대폰으로 글을 읽을 때 다크 모드를 선호함.
  • 대부분의 IDE는 기본적으로 편안한 대비 비율을 제공하는 다크 모드를 가지고 있음.
  • 웹사이트가 다크 모드에서 편안한 대비 비율을 제공할 때 다크 모드를 즐김.

• 참고: 이 글은 Hacker News에서 활발하고 통찰력 있는 토론을 촉발했으며, 다양한 관점과 개인 경험, 접근성 문제 등이 논의됨. 이 주제의 미묘한 차이를 완전히 이해하려면 Hacker News 스레드에서 공유된 가치 있는 관점을 놓치지 말아야 함.

[neo]

Hacker News 의견

• 초기 컴퓨터 디스플레이는 어두운 배경에 밝은 텍스트를 사용했음. Microsoft Windows가 흰 배경에 검은 텍스트로 전환하여 불편했음. 다크 모드의 부활을 반가워하며, 너무 밝지 않은 라이트 모드 옵션도 필요함

• 웹사이트가 다크 모드만 제공하면 그것이 그 사이트의 테마임. 라이트 모드가 있어야 다크 모드가 존재할 수 있음. 두 모드를 유지하도록 강요하지 말아야 함

• 기본 설정 불가능한 라이트 모드가 오래 지속되었음. 다크 모드가 더 나은 상황은 어두운 방에서 화면이 유일한 빛일 때뿐임. 다크 모드는 임시 방편이며, 라이트 모드는 밝은 환경에서 읽기 어려움

• 특정 블로그가 기기 설정을 무시하고 라이트 모드를 강요함. 문제는 다크 모드가 아니라 색상 대비임

• 낮은 대비 비율을 강요하지 말아야 함. 모든 사용자가 밝은 환경에서 콘텐츠를 보는 것은 아님. SDR 색상 범위를 활용해야 함

• 웹사이트가 시스템의 사용자 설정을 존중하길 바람. 브라우저가 개발자에게 너무 많은 통제권을 주었음. 사용자의 설정이 우선되어야 함

• 많은 웹 개발자가 다크 모드를 기본으로 설정하고 사용자의 선호를 무시함. color-scheme CSS 속성을 사용하여 요소가 어떤 색상 스킴에서 렌더링될 수 있는지 표시할 수 있음

• macOS 사용자로서, 상황에 따라 다크 모드와 라이트 모드를 혼합하여 사용함. 시스템 설정을 통해 테마를 변경할 수 있음

• 블로그의 "읽기 쉬운 텍스트" 예시가 읽기 어려움. 낮은 대비 때문임

• 개인적으로 라이트 모드를 선호하지만, IDE나 터미널에서는 다크 테마를 사용할 때 밝기를 최대치로 설정함. 다크 모드는 눈에 더 부담이 되고 집중하기 어려움

• 웹 API를 사용하여 사용자가 다크 모드인지 확인할 수 있음. @media (prefers-color-scheme: dark)를 사용하여 CSS 규칙을 적용할 수 있음