Skip to content
Codex Skin Index
إرسال
accessibilitycontrastwcag

أغلفة كوديكس عالية التباين: إمكانية وصول فعّالة تبدو جذّابة فعليًّا

التوافق العالي ليس رماديًا قبيحًا على خلفية سوداء. وتتميَّز أطقم ثيمات Codex المُحسَّنة للوصول الجيِّدة بنسبة تباين تتوافق مع معايير WCAG مع الحفاظ على الطابع البصري المميز — وفيما يلي كيفية اختيار هذه الأطقم والتحقق من توافقها.

«قابل للوصول» يبدو وكأنه انخفاض في الجودة: رمادي على أسود، خطوط كبيرة، وغياب للشخصية. لكن هذا ليس ضروريًّا — فبعض أجمل سكينات Codex في هذه الفهرسة تحقق أيضًا معايير التباين الخاصة بإرشادات إمكانية الوصول على الويب (WCAG). والمفتاح هو معرفة ما الذي يجب الانتباه إليه، وبعض السكينات المذكورة هنا تُثبت هذه الحقيقة.

الرقم الذي تحتاجه فعليًّا: ٤٫٥:١

تتطلب معيارية WCAG المستوى AA بالنسبة للنص العادي تباينًا لا يقل عن ٤٫٥:١ بين النص وخلفيته. أما النص الكبير (بحجم ١٨ بكسل فأكثر، أو ١٤ بكسل غامق) فيكتفي بتباين ٣:١. أما النص البرمجي — وهو المحتوى الرئيسي لديك — فهو نص عادي، وبالتالي فإن نسبة ٤٫٥:١ هي الحد الأدنى المطلوب.

وليس من الضروري أن تكون مصمِّمًا لتفحُّص هذه النسبة. فقط أدخل قيمتي اللون الأمامي والخلفي لأي سكينة في أي أداة تحقُّق من التباين، وستحصل على النسبة خلال ثوانٍ. فإذا كانت لونية نصك أقل من ٤٫٥:١ على خلفيته، فهذه هي المشكلة الوحيدة التي تواجهها — وتصحيح هذه الزوجية وحدها يضعك على بعد ٩٠٪ من الحل.

ما الذي يجعل السكينة القابلة للوصول تبدو جذَّابة

يفشل التباين العالي فقط عندما يكون مرتفعًا في كل مكان. أما السكينات الجيدة فتحافظ على تسلسل هرمي واضح:

  • نص الكود على الخلفية: ≥ ٤٫٥:١. شرط لا يمكن التنازل عنه.
  • عناصر واجهة المستخدم المُخفَّضة في التشبع: التعليقات، أرقام الأسطر، ووسوم الألواح يمكن أن تكون أقل تباينًا (٣:١ فأكثر)، حتى لا يشعر العين بالانفجار البصري عند رؤية كل شيء بحدة واحدة.
  • لون مُركَّز واحد قوي للمؤشر أو التحديد، مع الحفاظ على تباينه فوق ٣:١ مقابل العناصر المجاورة له.

ومن أمثلة السكينات التي تطبِّق ذلك بنجاح: Monokai Stone (CLI) — حيث تبقى ألوان التركيب كافية الإضاءة للقراءة، بينما تظل إطارات واجهة المستخدم هادئة. كما تظهر سكينة Forest Mist لوحة ألوان قابلة للوصول دون أن تبدو «قاسية التباين» أو غير جذَّابة؛ إذ تظل درجات الأخضر المُخفَّضة كافية لتحقيق الحد الأدنى المطلوب.

عمى الألوان: الفحص الإضافي

إن نسبة التباين تغطي فقط الاختلاف في السطوع، وليس في الألوان. فإذا كنت تعاني من عمى الألوان — وهي حالة تصيب نحو ٨٪ من الذكور — فقد تختفي التمييزات بين الأحمر والأخضر تمامًا. ولذلك:

  • لا تعتمد على اللون وحده لتمييز الحالات المختلفة (مثل استخدام نقطة حمراء/خضراء فقط للدلالة على وجود أخطاء). بل اجمع بين اللون ورمز بياني أو كلمة واضحة.
  • افضِل استخدام الألوان الزرقاء والبرتقالية بدلًا من الأزواج الحمراء/الخضراء كلما أمكن. فسكينتا Blue Enchantress وVivid Purple آمنتان تمامًا من هذه الزاوية.

وإذا شاركت إعداداتك أو نشرت لقطات شاشة، فإن هذه الفحوصات مهمة ليس لك فقط، بل لقرّائك أيضًا.

كيفية فحص سكينة ما في غضون ٣٠ ثانية

١. افتح صفحة تفاصيل السكينة — حيث تُسرَد قيم الـ hex الخاصة باللوحة هناك.
٢. استخرج قيمتي اللون الأمامي والخلفي.
٣. أدخلهما في أداة تحقُّق من التباين (أي أداة مجانية تعمل بكفاءة).
٤. إذا كانت نسبة تباين النص أقل من ٤٫٥:١، فعدِّل السكينة أو اختر سكينة أخرى من هذه الفهرسة.

أسئلة شائعة موجزة

هل الوضع الداكن أسوأ من حيث إمكانية الوصول؟
ليس بالضرورة. ما يهم حقًّا هو نسبة التباين، وليس درجة إضاءة الخلفية. فبعض الأشخاص المصابين بالاستيجماتيزم يفضلون الوضع الفاتح، بينما يفضل آخرون الوضع الداكن. اختر ما يناسب عينيك أولًا، ثم تأكَّد من تحقيق نسبة التباين المطلوبة.

هل يمكنني تعديل ألوان السكينة لتحسين التباين؟
نعم، طالما كنت مرتاحًا لتحرير ملف السكينة. زِد من سطوع اللون الأمامي أو أغمق الخلفية حتى تحقق الزوج المطلوب نسبة ٤٫٥:١، ثم احفظ التعديلات باسم متغير خاص بك.

هل تبدو السكينات القابلة للوصول «مملة»؟
فقط إذا كانت لوحة ألوانها مسطحة وخالية من التباينات. أما السكينات في هذه الفهرسة التي تحتوي على ألوان مركَّزة قوية — مثل Vivid Purple وBlue Enchantress — فهي في الوقت نفسه جريئة وجذَّابة وقابلة للوصول. فالوضوح البصري والشخصية لا يتعارضان.

إمكانية الوصول ليست مسألة جمالية، بل قائمة تحقُّق. تأكَّد من تحقيق نسبة ٤٫٥:١ لأي سكينة تحبها، وصلِح الزوج الوحيد الذي لا يستوفيها، واحتفظ بالمظهر العام كما هو. ابدأ من Monokai Stone إذا أردت سكينة أساسية معروفة الجودة، أو تصفَّح الفهرسة الكاملة — كما يوضح دليل إنشاء سكينة Codex أين تُحرَّر قيم الـ hex.

الجلود المذكورة في هذا المقال

عرض الكل skins .