إنشاء الصور المتاحة: اللون والتباين
| |
طباعة |
إرسال |
حصة |
تحذير: النسخة الأصلية من هذه الوثيقة هو خلق صور للدخول: اللون والتباين . وقد تم ذلك عن طريق الترجمة الفرنسية Ideose كجزء من اتفاق بين WebAIM و Ideose .
ملاحظة: أنظر صفحة وثائق حول وصول إلى الإنترنت للحصول على قائمة جميع الوثائق المترجمة. وترد أيضا موارد أخرى على الويب في إمكانية الوصول الرقمي للوصول المدخل .
ملخص
- صفحة 1: مقدمة
- صفحة 2: صور لتعزيز التفاهم
- أنت في الصفحة 3: اللون والتباين
- صفحة 4: نصوص في صور
- صفحة 5: الرسوم البيانية التي تسبب تشنجات
-
صفحة 6: خلق بدائل نص جيد (سمة
alt) - صفحة 7: وصف لونغ
اللون
حكم من إمكانية الوصول إلى ضمان عدم استخدام اللون فقط لنقل المعلومات. هذه الجملة هي غامضة بعض الشيء بالنسبة لبعض الناس. ماذا يعني هذا لنقل رسالة فقط مع اللون؟ دعونا ننظر في هذه الخريطة من مترو أنفاق لندن:

والشخص الذي يمكن أن نرى الألوان لا يوجد لديه صعوبة في التمييز بين خطوط حمراء، زرقاء داكنة، الأزرق الفاتح، الخ. ويمكن لشخص لا يرى اللون، لأنه مصاب بعمى الألوان أو ضعاف البصر، على الارجح لن يتمكن من التمييز بين خطوط المترو المختلفة وبسهولة. يمكن للشخص الذي هو أعمى لا نراهم على الإطلاق. ننظر في هذا الأمر في صورة بالأبيض والأسود:

كيف يمكنك أن تعرف أي حافلة للقبض للوصول الى واترلو؟ قبل المضي قدما، عليك أن تعرف أن الناس الذين هم بعمى الألوان يمكن أن نرى لونا (باستثناء حالات نادرة)، حتى أن الرمادي رسم أعلاه لا يمثل عمى الألوان . بل هو مجرد مثال للصورة التي يستخدم اللون لنقل المعلومات. عندما تتم إزالة الألوان، وخطوط مترو مختلفة لا يمكن تمييزها تقريبا.
النظر فيما يلي مثال على كيفية التحايل على هذه المشكلة المحتملة. WebAIM تدريب CD يستخدم علامات ملونة للدلالة على فئات من الارتباطات في شريط التنقل العلوي.
إذا كانت تستخدم لونا أفتح لخلفية موارد علامات التبويب، لكان من الصعب قراءة النص.

وكانت الطريقة المستخدمة في تدريب موقع WebAIM لتفادي الخلط لوضع العناوين فئة بين قوسين فوق علامات التبويب في نفس الفئة. أمرت السنانير علامات التبويب على أساس حلقات عمل وموارد. حتى عندما لا يوجد أي لون على الإطلاق في هذه الصفحة، والمعلومات هي دائما للوصول.
اختبار صفحات الويب الخاصة بك لضمان أن لا يضيع من المعلومات عند إزالة الألوان. يمكنك القيام بذلك عن طريق طباعة الصفحة مع طابعة بالأسود والأبيض (تأكد من أن يتم تعيين تفضيلات الطباعة لطباعة ألوان الخلفية). كما يمكنك أن تفعل ذلك كما فعلنا في هذه الصفحة، مع لقطة من الصفحة، ثم حذف كل الألوان في برنامج رسومات مثل Adobe Photoshop أو PhotoPaint كوريل. للقيام بذلك في ويندوز، وفتح صفحة تريد التحقق، ومن ثم انقر فوق طباعة الشاشة (Prnt [سكرن] وصفت في كثير من الأحيان). ). ثم فتح ملف جديد في برنامج الرسومات واستخدام الأمر لصق (CTRL + V). أخيرا، تغيير صورة إلى صورة رمادية.
تباين
ننظر إلى الوراء في نسخة بالأبيض والأسود من صفحة من صفحات موقع التدريب.

بالإضافة إلى حقيقة أن هذه ليست سوى لقطة من الصفحة حيث النص هو أقل من ذلك بكثير، وضبابية ما يزيد قليلا على الصفحة الأصلية، ستلاحظ أن كل نص هو بسهولة تمييزها من ألوان الخلفية من حوله. عندما يكون هناك ضوء الخلفية، وهناك نص مظلم. عندما يكون هناك خلفية داكنة، وهناك نص واضح. والناس مع ضعف في الرؤية لديها أي مشكلة في صنع الفارق بين مستويات النص وعلى النقيض من الخلفيات.
إذا تم اختيار لونا أفتح لخلفية علامات التبويب الموارد، لكان النص أكثر صعوبة في القراءة.

تأكد عند اختيار لون الخلفية التي لا تقلل من مستويات التباين لجعل النص غير قابل للقراءة.
الروابط التجارية
حقوق الطبع والنشر 1999-2009 WebAIM




































