أسلوب الخط

إنّ إنشاء محتوى سهل الاستخدام وتصميمه يتطلبان أكثر من مجرد اختيار خط سهل القراءة. حتى مع وجود عائلات الخطوط التي يمكن الوصول إليها، قد يواجه الأشخاص الذين يعانون من ضعف البصر أو صعوبات الإدراك أو اللغة أو التعلّم صعوبة في معالجة النص بسبب عناصر أخرى مثل اختلافات الخطوط وحجمها والمسافات والأحرف - على سبيل المثال لا الحصر.

تأخذ هذه الوحدة في الاعتبار اعتبارات التصميم الأساسية لجعل المحتوى الخاص بك أكثر شمولاً والوصول إلى المزيد من الأشخاص.

نمط الخط

من العوامل الرئيسية التي يمكن أن تؤثّر بشكل كبير في تسهيل قراءة النص هو الخطّ الطباعي. إنّ اختيار الخط والأسلوب يمكن أن يُحدّد نجاح أي تصميم صفحة أو فشله.

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

اختيار خطوط كتابة شائعة أسرع طريقة لإنشاء تصميم سهل الاستخدام هي اختيار خط كتابة شائع (مثل Arial وTimes New Roman وCalibri وVerdana وغيرها الكثير).

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

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

خصائص الأحرف وتباعدها

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

إنّ الكلمات الشائعة التي تؤثر في سهولة القراءة هي الحرف الكبير "I" (الهند) والحرف الصغير "l" (الخس) والرقم "1". وبالمثل، يمكن أن تنقل أزواج الأحرف، مثل b/d وp/q وf/t وi/j وm/w وn/u أحيانًا من اليسار إلى اليمين أو من أعلى لأسفل لدى بعض القرّاء.

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

يمكن أن تساعدك مجموعات الخطوط البرمجية المفتوحة المصدر، مثل Google Fonts، في اختيار الخط الأكثر شمولية لتصميمك التالي. إذا كنت تستخدم منتجات Adobe، يمكنك تضمين مجموعات خطوط سهلة الاستخدام من شركاء مورّدي الخطوط مباشرةً في تصميماتك، ويشمل ذلك خطوط Google المحدّدة.

عندما تبحث عن خطك الطباعي التالي، انتبه بشكل خاص لما يلي:

  • استخدِم الخطوط الشائعة كلما أمكن.
  • تجنَّب استخدام الخطوط المعقدة أو المكتوبة بخط اليد والخطوط التي تتضمّن حالة حرف واحدة فقط.
  • اختَر خطًا مطبوعًا يتميز بخصائص فريدة، مع التركيز بشكل خاص على الحرف الكبير I والحرف الصغير l والرقم 1.
  • راجِع مجموعات أحرف معيّنة للتأكّد من أنّها ليست صورة انعكاهية تمامة لبعضها.
  • تحقّق من المسافة بين الأحرف، خاصةً بين زوج الحروف r وn .

حجم الخط وأسلوبه

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

على سبيل المثال، قد لا يتمكن الأشخاص الذين يعانون من ضعف البصر أو عمى الألوان من قراءة بعض النسخة إذا كانت صغيرة جدًا، حيث يستخدمون تقنية مساعدة - مثل تكبير/تصغير المتصفح لقراءة النسخة. وقد يواجه المستخدمون الآخرون، مثل أولئك الذين يعانون من عسر القراءة أو اضطرابات القراءة، صعوبة في قراءة النص المائل. غالبًا ما تتجاهل قارئات الشاشة طرق التصميم، مثل الخط الغامق والمائل، لذلك لا يتم نقل الغرض من هذه الأنماط إلى المستخدمين المكفوفين أو ضعاف النظر.

الإجراءات غير المُوصى بها
h2 {font-size: 16px;}
الإجراءات الموصى بها
h2 {font-size: 1rem;}

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

  • يجب تحديد أحجام الخطوط الأساسية باستخدام قيمة نسبية (% أو rem أو em) للسماح بتغيير حجمها.
  • حدِّد عدد أشكال الخط، مثل اللون والخط العريض وALL CAPS و الخط المائل لزيادة سهولة القراءة. بدلاً من ذلك، استخدم طرقًا للتأكيد على الكلمات في نسختك، مثل العلامات النجمية أو الشرطات أو تمييز كلمة فردية.
  • استخدِم الترميز بدلاً من النص على الصور كلما أمكن. لا يمكن لقارئات الشاشة قراءة النص المضمّن في الصور (بدون إضافة رمز إضافي)، ويمكن أيضًا أن يصبح النص المضمّن متقطّعًا عند تكبيره من قِبل المستخدمين ضعاف النظر.

البنية والتنسيق

على الرغم من أهمية الخط الطباعي وحجم الخط ونمطه في أسلوب الخط الذي يمكن الوصول إليه، يمكن أن يكون بنية وتخطيط النسخة على الصفحة بنفس الأهمية لفهم المستخدم.

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

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

فكِّر في نصّك على أنّه مجموعة من النقاط الفردية في ملف ملف ملف مخطط. سيساعدك ذلك في تخطيط بنية الصفحة العامة وسيتيح لك استخدام العناوين والعناوين الفرعية والقوائم كلما كان ذلك مناسبًا.

المسافات

يساعد المسافة بين الفقرات والجُمل والكلمات القراء في الحفاظ على تركيزهم على النص، كما يساهم في تحسين الفهم البصري العام للصفحة. يمكن أن تكون الأسطر الطويلة من النص عائقًا أمام القرّاء الذين يعانون من عجز، لأنّهم يواجهون صعوبة في تذكر مكانهم في النص واتّباع مساره .

تسهِّل كتلة النسخ الصغيرة على القراء المتابعة إلى السطر التالي.

محاذاة المحتوى

يواجه العديد من الأشخاص من ذوي الاحتياجات الخاصة صعوبة في قراءة النسخ المُعدّة للقراءة من اليسار إلى اليمين. قد يؤدي التباعد غير المتساوي بين الكلمات في النسخة المُبررة إلى تكوين "أنهار فضاء" أسفل الصفحة، مما يجعل من الصعب قراءة النسخة.

يمكن أن تؤدي محاذاة النص أيضًا إلى تجميع الكلمات معًا أو تمديدها بطرق غير طبيعية، ما قد يصعّب على القرّاء العثور على حدود الكلمات.

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

أفضل الممارسات المتعلقة بالبنية والتنسيق

عند التفكير في البنية والتنسيق، احرص على ما يلي:

  • استخدم عناصر مثل العناوين والعناوين الفرعية والقوائم والأرقام وكتل علامات الاقتباس والمجموعات المرئية الأخرى لتقسيم الصفحة إلى أقسام.
  • استخدِم فقرات وجُملًا ومساحة بين الكلمات محدّدة بوضوح.
  • أنشئ أعمدة من النصوص التي يقلّ عرضها عن 80 حرفًا (40 حرفًا للشعارات).
  • تجنَّب المحاذاة المبرَّرة للفقرة، التي تنشئ "أنهار مساحة" داخل النسخة.

أهم النقاط المتعلّقة بأسلوب الخط الذي يمكن الوصول إليه

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

التحقّق من فهمك

اختبِر معلوماتك حول قياس مدى سهولة الاستخدام

لجعل النص سهل القراءة، يجب دائمًا استخدام تباين عالٍ بين النص والخلفية.

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

ما هي الخطوط الأفضل لسهولة الاستخدام؟

خطوط النظام، مثل Arial وVerdana
تؤدي الخطوط الشائعة إلى زيادة سرعة القراءة وتحسين مستوى فهم المحتوى مقارنةً بالخطوط غير الشائعة.
خطوط قابلة للاستخدام
يمكن أن تساعدك مجموعات الخطوط السهلة الاستخدام، مثل Google Foundry على Adobe Fonts، في اختيار الخط الأكثر شمولية لتصميمك التالي.
هذا لا يهم.
يمكنك التأثير في سهولة القراءة من خلال اختيار الخط. تجنَّب النصوص البرمجية المعقدة والخطوط الفنية.