جودة الويب - القوائم النمطية

استخدام جداول النمط مهم جدًا لتحسين جودة الصفحات الالكترونية.

لا تستخدم علامة font

ينبغي استخدام CSS لضبط حجم الخطوط التي تظهر على صفحات الويب. لا تستخدم علامة font.

استخدام علامة <font> يزيد من حجم المستند، و يجعل كل مرة تقوم فيها بتغيير حجم النص العادي عملًا مرهقًا.

لنفترض هذا السيناريو:

في يوم ما، قد تقرر تعديل لون و حجم جميع العناوين في موقعك. من خلال CSS، يمكنك القيام بذلك ببساطة بتعديل سطر واحد. إذا كنت تستخدم علامة <font>، فإنك ستحتاج إلى تعديل جميع العناوين في جميع صفحات الموقع.

استخدام النمط بدلاً من علامة <font> يجعل من السهل جدًا إنشاء واجهة عالية الجودة للصفحات الالكترونية.

لا تستخدم حجم النص الثابت. استخدم دائمًا حجم النص النسبي.

لا تستخدم القيم الحجم الثابتة. استخدم دائمًا القيم الحجمية النسبية.

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

زوارك سيستخدمون أجهزة مختلفة (الشاشات) وبيئات متنوعة (الضوء) والاحتمالات المختلفة (العمى).

على سبيل المثال، يمكنك تعيين حجم النص الخاص بشخص ما إلى 100% (أو medium) والعناوين الرئيسية إلى 140% (أو x-large) والعناوين الفرعية إلى 120% (أو large) حتى يمكن للمستخدمين استخدام المتصفح لتعيين الأحجام المفضلة.

من خلال تعديل وظيفة حجم النص في الصفحة على الويب، يمكنك أيضًا تغيير عدد الكلمات في الصفحة المطبوعة.

لا تستخدم حجم النص الافتراضي الصغير

بعض المواقع تستخدم حجم النص الصغير جدًا لكي يتمكن من وضع المزيد من المحتوى في كل صفحة أو لجعل الصفحة تبدو أكثر أناقة.

مرة أخرى، استخدم الأجهزة المختلفة (الشاشات) والبيئات المتنوعة (الضوء) والاحتمالات المختلفة (العمى) قد يسبب للمستخدمين صعوبة في القراءة.

لا تحرِض المستخدمين على تضخيم حجم النص كل مرة يزورون فيها موقعك.

استخدم دائمًا لون الخلفية المتناسق

معظم الصفحات على الويب تستخدم ألوانًا مختلفة للعناصر النصية. عادة ما تكون ألوان العناوين والروابط مختلفة عن ألوان النص.

كصائغ ويب، يجب أن تكون على علم بأن الزوار يمكنهم تعديل خيارات الألوان الافتراضية.

إذا قمت بتحديد لون العنصر على الويب، يجب أيضًا تحديد لون الخلفية.

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

إذا لم تكن قد تحدد لون الخلفية، قد يجعل النص صعب التحديد.