يتوفر إصدار فاتح وإصدار داكن (وهما الخياران الأخيران في القائمة). يمكن للمواقع الحالية الوصول إلى هذه الألوان عبر زيارة community.yoursite.com/wizard/steps/color أو باختيارها كلوحات أساسية عند إنشاء لوحة جديدة من admin > customize > colors.
بمجرد إنشائها، ستظهر هذه اللوحات تحت admin > customize > colors — وإذا لم تكن تستخدمها كلوان افتراضية لموقعك، فيمكنك أيضًا السماح للمستخدمين باختيارها.
عند تعيينها كخيار قابل للاختيار من قبل المستخدمين، يمكن للأفراد اختيار لوحة الألوان الخاصة بهم في قسم الواجهة من تفضيلاتهم (community.yoursite.com/my/preferences/interface).
بما أن Discourse لم يُصمم في الأصل بألوان ذات تباين أعلى، فمن المرجح أننا نرغب في إجراء تغييرات أكثر جوهرية تتجاوز الألوان وحدها لاستيعاب هذه الاختلافات. إن تنفيذ ذلك كخطوة أولى يتيح نشر هذه الألوان الأكثر سهولة في الاستخدام اليوم.
مثال سريع هو كيفية إظهار الفرق بين المواضيع المقروءة وغير المقروءة. بشكل افتراضي، نقوم بذلك عن طريق تقليل التباين بعد قراءة موضوع ما:
عند الالتزام بمعايير WCAG، يجب علينا زيادة تباين العناوين المقروءة، ونتيجة لذلك لا يوجد تباين كبير بين العناوين المقروءة وغير المقروءة… لذا أعتقد أنه على المدى الطويل، سنرغب في النظر في معالجة مختلفة غير التباين للتمييز بينهما.
بعد قراءة المنشور الأول، كان لدي الانطباع بأن الألوان الجديدة يجب اختيارها في المعالج لإضافتها إلى القائمة. عند تشغيل المعالج والوصول إلى صفحة الألوان، كنت أبحث عن طريقة لتحديد جميع الألوان لأنني أردت إضافة الألوان الجديدة إلى القائمة. يبدو أن فهمي غير صحيح. بناءً على ما أراه من طريقة اختيار الألوان في صفحة الألوان، يمكن اختيار مخطط ألوان واحد فقط. لذا فأنا الآن في حيرة من أمري.
ما الذي يتم فعله عند اختيار مخطط في صفحة الألوان؟ هل يحدد ذلك الافتراضي للجميع؟
لماذا يُسمح باختيار مخطط ألوان واحد فقط في المعالج؟ ربما يكون الجواب مثل السؤال الأول.
بما أنني أكتب هذا أثناء متابعتي للمنشور الأول، سأترك إعدادات صفحة الألوان كما هي.
الانتقال إلى admin > customize > colors. بعد بعض التجارب، اكتشفت أن:
تحديد New
لـ Base palette، افتح القائمة المنسدلة التي تتضمن الآن WCAG Light و WCAG Dark.
يسمح باختيار العناصر.
لذا اخترت WCAG Light، ثم ظهر لي حوار لتسمية لوحة الألوان واختيار الألوان. كما في المثال، أدخلت الاسم WCAG Light، وحددت Color scheme can be selected by users، ثم نقرت على Save.
الانتقال إلى community.yoursite.com/my/preferences/interface، لم أجد قسم Color Scheme.
أيضًا، موقعنا يحتوي على Hamburger Theme Selector، وكنت أعتقد أنها ستظهر هناك تلقائيًا، لكن يبدو أنني بحاجة إلى إنشاء Base Theme (موضوع) جديد لاستخدامها.
هذا ليس شكوى، بل مجرد ملاحظات من شخص يقرأ المنشور لأول مرة ويجربه.
هل يمكنك توضيح ما يعنيه ذلك؟ أنا على وشك إعداد منتداي الأول وأرغب في تخصيص مخطط الألوان، بالإضافة إلى دعم التبديل التلقائي للوضع الداكن بناءً على تفضيلات نظام المستخدم.
هل سأحتاج إلى تخصيص الألوان باستخدام هذه المخططات الجديدة كأساس؟
ما هي الخطوات الحالية لإنشاء مخطط ألوان مخصص في ضوء التغييرات الأخيرة في كيفية بناء مخططات الألوان لدعم الوضع الداكن (كما تم مناقشته في الخيوط الأخيرة) وهذه المخططات الجديدة القابلة للوصول؟
إذًا، عند اختيار لوحات ألوان WCAG هذه، يتم تحميل CSS إضافي (موجود هنا) لتغيير ألوان عناصر مختلفة (عادةً لاستخدام متغير لون بتباين أعلى مما نستخدمه افتراضيًا). أعتقد أن ملف CSS يُحمّل بناءً على اسم لوحة الألوان…
إذًا، إذا كنت ترغب في تعديل هذه اللوحات مع الاحتفاظ ببعض تحسينات التباين من CSS المخصص، أعتقد أنك ستضطر إلى عدم تغيير الاسم (هل هذا صحيح @pmusaraj؟).
أو يمكنك بدلاً من ذلك نسخ CSS من الرابط أعلاه واستخدامه في نسقك الخاص (مع أن ذلك يعني أنك ستفوت التحديثات التي نقوم بها).
لا، يتم تضمين ملف CSS المحدد الخاص بـ WCAG إذا كان المخطط الحالي مشتقًا من أحد مخططي WCAG الأساسيين. لذا يمكنك تسمية المخطط الجديد كما تشاء، ولكن إذا تم إنشاؤه من مخطط WCAG أساسي، فسيحتوي على ملف CSS الإضافي.
لا يزال هناك بعض العمل المتبقي، لكنه ليس كثيرًا. نحن الآن على بعد 99% من الانتهاء، ونعمل حاليًا بشكل نشط مع مستشار في مجال إمكانية الوصول لسد الفجوات المتبقية.
أثناء متابعتي لهذا الموضوع، يسعدني معرفة أن WCAG 2.0 مدعوم. قد يكون فاتني ذلك، لكنني لا أرى ذكرًا للترجمة التوضيحية. هل يدعم Discourse الترجمة التوضيحية في ملفات الفيديو؟ وهل توجد آلية في Discourse لنشر مقاطع الفيديو مع ترجمة توضيحية؟