कृपया Dark Mode को जबरन लागू न करें

 (iamvishnu.com)
2 पॉइंट द्वारा GN⁺ 2025-01-21 | 1 टिप्पणियां | WhatsApp पर शेयर करें

  • कृपया Dark Mode को जबरन लागू न करें

    • यह वेबसाइट डिज़ाइनरों से अनुरोध है कि वे उपयोगकर्ताओं पर Dark Mode न थोपें.
    • अगर Dark Mode किसी ब्रांड की पहचान है, तो टेक्स्ट के लिए आँखों को आरामदायक contrast ratio चुना जाना चाहिए.
    • कई वेबसाइटें केवल Dark Mode के लिए डिज़ाइन की जाती हैं, इसलिए उन्हें पढ़ना अक्सर कठिन होता है.

  • मेरी आँखें! मेरी आँखें! 😵‍💫

    • Dark Mode में पढ़ने से आँखों पर ज़ोर पड़ता है, और पढ़ने के बाद भी visual afterimage बना रहता है.
    • लंबे लेख पढ़ने के बाद क्षैतिज धारियाँ दिखने जैसी असुविधा होती है.

  • Dark Mode की असली समस्या क्या है?

    • Dark Mode की असली समस्या टेक्स्ट और background के बीच का contrast ratio है.
    • शुद्ध सफेद टेक्स्ट और काले background का contrast ratio 21:1 होता है, जो आँखों पर ज़ोर डालता है.
    • इसके विपरीत, हल्के gray टेक्स्ट और गहरे gray background आँखों के लिए अधिक आरामदायक होते हैं, और उनका contrast ratio 4.34:1 है.

  • क्या इसके लिए कोई दिशानिर्देश नहीं हैं?

    • Web Content Accessibility Guidelines (WCAG) 2.1 सामान्य टेक्स्ट के लिए न्यूनतम contrast ratio 4.5:1 की सिफारिश करता है, लेकिन अधिकतम ratio के लिए कोई दिशा-निर्देश नहीं है.
    • फिलहाल Dark Mode में अत्यधिक contrast ratio के लिए कोई मानक या दिशानिर्देश मौजूद नहीं है.
    • आने वाला WCAG 3.0 "maximum text contrast" के लिए नई exploratory requirement जोड़ेगा, और उम्मीद है कि इससे Dark Mode में अत्यधिक contrast ratio की समस्या सुलझेगी.

  • जब Dark Mode अच्छा लगता है

    • OLED स्क्रीन पर अँधेरे कमरे में पढ़ते समय, खासकर सोने से पहले फ़ोन पर पढ़ते हुए, Dark Mode पसंद आता है.
    • ज़्यादातर IDE में डिफ़ॉल्ट रूप से ऐसा Dark Mode होता है जो आरामदायक contrast ratio देता है.
    • जब कोई वेबसाइट Dark Mode में आरामदायक contrast ratio देती है, तब Dark Mode अच्छा लगता है.

  • संदर्भ: इस लेख ने Hacker News पर सक्रिय और गहन चर्चा को जन्म दिया, जिसमें अलग-अलग दृष्टिकोण, व्यक्तिगत अनुभव और accessibility मुद्दों पर बात हुई. इस विषय की बारीकियों को पूरी तरह समझने के लिए Hacker News थ्रेड में साझा किए गए मूल्यवान दृष्टिकोणों को मिस नहीं करना चाहिए.

संबंधित पढ़ाई

1 टिप्पणियां

 
GN⁺ 2025-01-21
Hacker News राय

  • शुरुआती कंप्यूटर डिस्प्ले में गहरे बैकग्राउंड पर चमकदार टेक्स्ट होता था। Microsoft Windows के सफेद बैकग्राउंड और काले टेक्स्ट पर जाने से असुविधा हुई। डार्क मोड की वापसी का स्वागत है, और ऐसा लाइट मोड विकल्प भी चाहिए जो बहुत ज्यादा चमकीला न हो

  • अगर कोई वेबसाइट सिर्फ डार्क मोड देती है, तो वही उस साइट की थीम है। डार्क मोड तभी हो सकता है जब लाइट मोड भी मौजूद हो। दोनों मोड बनाए रखने के लिए मजबूर नहीं करना चाहिए

  • डिफ़ॉल्ट के रूप में सेट न किया जा सकने वाला लाइट मोड बहुत लंबे समय तक रहा। डार्क मोड सिर्फ तब बेहतर है जब अंधेरे कमरे में स्क्रीन ही रोशनी का एकमात्र स्रोत हो। डार्क मोड एक अस्थायी उपाय है, और लाइट मोड उजले माहौल में पढ़ने के लिए मुश्किल होता है

  • एक खास ब्लॉग डिवाइस सेटिंग्स को नज़रअंदाज़ करके लाइट मोड थोपता है। समस्या डार्क मोड नहीं, बल्कि रंगों का कंट्रास्ट है

  • कम कंट्रास्ट रेशियो थोपना नहीं चाहिए। सभी यूज़र कंटेंट को उजले माहौल में नहीं देखते। SDR color range का इस्तेमाल किया जाना चाहिए

  • उम्मीद है कि वेबसाइटें सिस्टम की यूज़र सेटिंग्स का सम्मान करें। ब्राउज़र ने डेवलपर्स को बहुत ज्यादा कंट्रोल दे दिया है। यूज़र की सेटिंग्स को प्राथमिकता मिलनी चाहिए

  • कई वेब डेवलपर्स डार्क मोड को डिफ़ॉल्ट बना देते हैं और यूज़र की पसंद को नज़रअंदाज़ करते हैं। color-scheme CSS प्रॉपर्टी का इस्तेमाल करके यह बताया जा सकता है कि कोई एलिमेंट किस color scheme में render हो सकता है

  • macOS यूज़र होने के नाते, परिस्थिति के हिसाब से डार्क मोड और लाइट मोड मिलाकर इस्तेमाल करता हूँ। सिस्टम सेटिंग्स के जरिए थीम बदली जा सकती है

  • ब्लॉग में "पढ़ने में आसान टेक्स्ट" का उदाहरण पढ़ने में मुश्किल है। वजह कम कंट्रास्ट है

  • व्यक्तिगत रूप से लाइट मोड पसंद है, लेकिन IDE या टर्मिनल में डार्क थीम इस्तेमाल करते समय ब्राइटनेस को अधिकतम पर सेट करता हूँ। डार्क मोड आंखों पर ज्यादा दबाव डालता है और ध्यान केंद्रित करना मुश्किल बनाता है

  • वेब API का इस्तेमाल करके यह पता किया जा सकता है कि यूज़र डार्क मोड में है या नहीं। @media (prefers-color-scheme: dark) का इस्तेमाल करके CSS नियम लागू किए जा सकते हैं