شرح صفوف ومحتوى الفقرة
تفرض إرشادات إمكانية الوصول العالمية قاعدتين ذهبيتين عند توظيف الألوان في واجهات الويب: أولاً ألا يقل تباين النص العادي مع خلفيته عن نسبة 4.5:1 (و3:1 للنصوص الكبيرة)، وثانياً عدم الاعتماد على اللون وحده كوسيلة وحيدة لنقل المعلومة حتى لا تضيع الدلالة لدى المصابين بعمى الألوان؛ بل اقرن اللون دائماً بنص صريح أو أيقونة دالة:
| فئة الكلاس | أمثلة قياسية | الوظيفة المعمارية |
|---|---|---|
| ألوان النص الصريحة | .text-primary, .text-danger | تلوين النص عبر متغيرات RGB الدلالية |
| درجات التركيز والتكيف | .text-*-emphasis, .text-body-secondary | تباين نصي عميق وبديل حديث لكلاس text-muted |
| شفافية النص | .text-opacity-75, .text-opacity-50 | تخفيف حدة لون النص دون تغيير المتغير الأساسي |
| الخلفيات الصريحة والناعمة | .bg-success, .bg-success-subtle | أسطح مشبعة قوية أو خلفيات باستيل هادئة |
| التدرج وشفافية الخلفية | .bg-gradient, .bg-opacity-25 | إضاءة خطية علوية أو تخفيف شفافية السطح وحده |
| المساعد المدمج للتباين | .text-bg-primary, .text-bg-warning | تعيين الخلفية مع لون نص مقروء مضمون التباين |
ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
ملخص الدرس: أتقنت في هذا الدرس لوحة الألوان الدلالية الثمانية في بوتستراب 5.3، وتلوين النصوص ودرجات التركيز العميقة، وضبط شفافية النص والخلفية عبر قنوات RGB، وتوظيف الخلفيات الناعمة والمساعد الذكي text-bg بمعايير تباين WCAG.
الخطوة التالية والدرس القادم
انتقل الآن إلى درس «أدوات التباعد والهوامش في بوتستراب 5» لإتقان مقياس الهوامش والحشو من 0 إلى 5 والكلاسات المنطقية الداعمة للعربية وفواصل التخطيط.