سيضمن تنفيذ نسبة WCAG في تصميمات الويب أو الرسوم أنها في متناول الجميع.
إرشادات الوصول إلى محتوى الويب (WCAG) هي إرشادات للوصول إلى التصميم الرقمي وتصميم الويب. يضمن اتباع هذه الإرشادات تباين الألوان بدرجة كافية لمساعدة ضعاف البصر على رؤية تصميماتك وقراءتها بشكل صحيح. يسير هذا أيضًا جنبًا إلى جنب مع الحجم المطبعي ، لضمان إمكانية قراءته جنبًا إلى جنب مع الألوان.
في عالم يجب أن يكون أكثر شمولاً ، فإن إضافة عناصر يمكن الوصول إليها إلى تصميماتك لن يؤدي إلا إلى رفع مستوى عملك والسماح لك بمشاركته مع المزيد من الأشخاص.
ما هي نسبة WCAG؟
WCAG لتقف على إرشادات الوصول إلى محتوى الويب. تساعد WCAG أي شخص يصمم أو ينشئ للويب أو الإنترنت لضمان وصول تصميماته إلى أهداف إمكانية الوصول. هذا يعني أنه يمكن لأي شخص الاستمتاع بتصميماتك واستخدامها ، دون استثناء أولئك الذين يعانون من إعاقات بصرية أو إعاقات أخرى عندما يكون ذلك ممكنًا.
تحدد نسبة WCAG النسب الدنيا للوصول إلى الهدف. يتضمن ذلك تباين الألوان وحجم النص ، وكلاهما يضمن لمن يعانون من إعاقات بصرية فرصة أفضل في رؤية تصميماتك والتفاعل معها واستخدامها. إن الوصول إلى نسبة WCAG لا يساعد فقط أولئك الذين يعانون من إعاقات بصرية ، ولكنه يزيد أيضًا من تجربة المستخدم لجميع مستخدمي الويب.
ال يطور اتحاد شبكة الويب العالمية معايير لتطوير الويب. على الرغم من عدم وجود قواعد محددة لإمكانية الوصول إلى الويب ، فإن WCAG يضع معيارًا يجب اتباعه يجب على أي مصمم ويب الالتزام به.
عند اختبار نسب التباين ، يقترح WCAG تصنيف A إلى AAA. يُظهر التصنيف A أدنى مستويات التباين. AA هي مستويات تباين متوسطة المدى بنسبة 4.5: 1 - تعتبر الحد الأدنى للنسبة. أخيرًا ، AAA هي أعلى مستوى تباين. إذا كنت تصمم للجميع ، فستكون مستويات التباين أفضل عندما تكون بين نطاق AA و AAA.
لماذا تعتبر نسبة WCAG مهمة في الجرافيك وتصميم الويب؟
لا ينبغي أن يجعل تصميم الجرافيك وتصميم الويب المعلومات تبدو جميلة فحسب. يقوم تصميم المعلومات بإعلام الجماهير - وهذا يعني جعل معلوماتك في متناول الجميع. يضمن تطبيق WCAG تصميمات يمكن الوصول إليها لمن يعانون من ضعف البصر أو عسر القراءة أو الاختلاف العصبي أو أي شيء يؤثر على قدرة الشخص على النظر أو القراءة.
الويب والتصميم الرقمي - بالإضافة إلى البرمجة - لهما بالفعل ميزات إمكانية الوصول المعمول بها. على سبيل المثال، يوفر Windows أدوات وصول مفيدة للمستخدمين، ومن الشائع بالفعل أن تقدمه معظم مقاطع فيديو YouTube ترجمات أو تسميات توضيحية. ولكن يمكننا دائمًا تحسين إمكانية الوصول.
التصميم العالمي يخلق تصميمًا أفضل. كلما زاد عدد الأشخاص الذين يمكنهم المشاركة في تصميمك ، زاد نجاحه ، وزاد وصوله. ليس من الجيد بالنسبة لك كمصمم الوصول إلى المزيد من الأشخاص فحسب ، بل إنه من الأفضل للعالم أن يتم استبعاد عدد أقل من الأشخاص.
سيكون للتصميم باستخدام نسبة WCAG وميزات إمكانية الوصول في تصميماتك تأثيرات إيجابية على لوحات الألوان وخيارات الطباعة وأحجام النص. لن تصمم شيئًا يصعب قراءته عن قصد ، فلماذا لا تقوم بتضمين المزيد من الطرق لإنشاء تصميمات ذات قراءة أفضل لجميع الأشخاص؟
تنفيذ نسبة WCAG في تصميماتك
هناك أماكن يمكنك من خلالها التحقق من نسبة WCAG في تصميماتك ، مثل هذا مدقق التباين موقع إلكتروني. ولكن يجب أن تتدرب على تطبيق ميزات التصميم التي يمكن الوصول إليها في عملك على أي حال دون الاعتماد على التحقق من الحد الأدنى.
تجدر الإشارة إلى أن إرشادات التباين لا تنطبق على تصميم الشعار. ويرجع ذلك إلى تقديم الشعارات بأحجام مختلفة وغالبًا ما تكون على خلفيات مختلفة. ومع ذلك ، لا يضر النظر في نسبة WCAG عند تصميم الشعارات.
ألوان عالية التباين
يعد استخدام الألوان عالية التباين طريقة سهلة لإضافة الشمولية إلى تصميماتك. ستساعد الألوان التي تتناقض مع بعضها البعض أولئك الذين يعانون من إعاقات بصرية وعمى الألوان على رؤية تصميماتك بشكل أفضل. ليس هذا فقط ، ولكن حتى الأشخاص الذين ليس لديهم إعاقة في رؤيتهم سوف يرون - ويتفاعلون - بشكل أفضل مع تصميماتك.
هل حاولت قراءة نص وردي فاتح على خلفية خضراء فاتحة؟ يكاد يكون من المستحيل. لكن النص الأزرق الداكن على خلفية صفراء فاتحة أسهل في الرؤية والقراءة.
تعمل الألوان عالية التباين بشكل أفضل عند وضع نص على خلفية ملونة أو عند استخدام مسارات صغيرة في الرسوم التوضيحية. خروما هو مولد لوح ألوان مدمج بالذكاء الاصطناعي يأتي مع مدقق تباين مدمج - واحد من العديد من الأدوات الرائعة أدوات الذكاء الاصطناعي لمساعدة سير عمل التصميم الجرافيكي الخاص بك.
طريقة رائعة للتحقق من التباين عن طريق تحويل التصميم الخاص بك إلى التدرج الرمادي. إذا كان بإمكانك فصل الألوان وفهم التصميم باللونين الأسود والرمادي ، فيجب أن يترجم جيدًا في الألوان التي اخترتها أيضًا.
حجم الخط
إلى جانب تباين ألوان النص بدرجة كافية مع ألوان الخلفية ، يجب أن يكون النص نفسه كبيرًا بما يكفي لقراءته بسهولة. نسبة WCAG لحجم النص الكبير هي 3: 1.
لا يتساوى حجم النص في جميع خطوط الطباعة ، لذا لا تعتمد على حجم 12 نقطة - والذي يُنظر إليه عادةً على أنه الحد الأدنى للحجم لقابلية القراءة القياسية - لجميع الخطوط. اختبرها بنفسك أو مع مختبري المستخدم من خلال عرض أو طباعة تصميمات بالحجم الحقيقي. إذا لم تكن ألوانك متباينة بشكل جيد ، فإن النص الأكبر سيساعد في إمكانية القراءة كحل بديل.
قراءة الخط
وغني عن القول ، لكن الخطوط التي تختارها في تصميماتك تحتاج إلى أن تكون سهلة القراءة. غالبًا ما تواجه الخطوط الزخرفية أو الخطوط المتصلة أو الخطوط المرسومة يدويًا مشكلات في إمكانية القراءة. تشتهر فرق هيفي ميتال باستخدام محارف يصعب قراءتها بطبيعتها لشعارات الفرقة الخاصة بهم ، على سبيل المثال.
يجب أن تفكر أيضًا في تقنين الأحرف والتتبع عند استخدام النص الخاص بك لتصميمات صغيرة. يمكن أن يؤثر تباعد الأحرف أيضًا على قابلية القراءة المقصودة للكلمات.
عوامل الوصول الشاملة
بينما يتم اعتبار تباين الألوان وحجم الخط وسهولة قراءة النص في تصميم الويب فقط في نسب WCAG ، يجب أن تجعل جميع تصميمات الويب والرسومات الخاصة بك مع مراعاة الشمولية.
إذا كنت مصمم ويب تعمل مع مبرمج أو مبرمج ، فتأكد من أنك باستخدام تقنيات HTML التي تساعد في الوصول إلى الويب. هناك أيضا ميزات إمكانية الوصول في Canva لتوسيع مدى وصول تصميماتك إلى جمهورك.
لا يجب أن تتوقف عند الحد الأدنى من المتطلبات لنسب WCAG ؛ إذا كنت تتحكم في إضافة نص بديل إلى الصور أو تسميات توضيحية لملفات الصوت أو الفيديو أو حتى صياغة مفيدة للنص الخاص بالارتباطات التشعبية - التي تقرأها برامج قراءة الشاشة بصوت عالٍ - يجب أن تذهب إلى الأعلى و وَرَاءَ. لا يؤدي تضمين ميزات إمكانية الوصول إلى استبعاد أي جمهور - ولكنه يدعو المزيد من الأشخاص فقط.
التصميم مع نسبة WCAG يحسن التصاميم للجميع
تأتي معايير تصميم الويب من World Wide Web Consortium ، وهو مجتمع يساعد في أفضل الممارسات عبر الويب. طور الكونسورتيوم إرشادات الوصول إلى محتوى الويب ، والتي يجب على مصممي الويب اتباعها. يوفر هذا معيارًا للنسبة لفحوصات الرؤية عند التصميم للويب.
إن اتباع هذه الإرشادات ومعايير النسبة يعني أنه يمكن الوصول إلى تصميمات الويب الخاصة بك من قبل المزيد من الأشخاص.
