هي الخاصية التي تُستخدم للتحكم في مستوى ظهور عنصر أو جزء منه. تتراوح قيم الشفافية من 0 إلى 1، حيث:
- Opacity: 1 - العنصر معتم أو غير شفاف.
- Opacity: 0.5 - العنصر نصف شفاف.
- Opacity: 0 - العنصر شفاف تمامًا.
مثال CSS لضبط شفافية العناصر:
.element {
opacity: 0.5;
}
دليل لتحسين إمكانية الوصول:
- استخدم الشفافية بحذر لتجنب تجاهل المعلومات المهمة.
- لا تعتمد على الشفافية وحدها لتمييز العناصر، مثل أزرار أو روابط. استخدم أيضًا ألوانًا وسمات مختلفة لإضافة التباين.
- اختبر إمكانية الوصول إلى عناصر الموقع المختلفة بمستويات شفافية مختلفة.