العنوان الكبير في صفحتي ينجح في الفحص والنص العادي بنفس اللون يفشل، ما الذي يعدّ نصًا كبيرًا، وهل يختلف الأمر مع الخطوط العربية؟
تعدّ WCAG النص كبيرًا إذا كان 24 بكسل فأكثر، أو نحو 18.66 بكسل فأكثر مع الخط العريض، والنص الكبير يكفيه 3:1 في AA بدل 4.5:1. لذلك ينجح اللون نفسه في العناوين ويفشل في الفقرات. القاعدة تقاس بالحجم لا بنوع الخط، فاترك هامشًا إضافيًا للنص العربي الصغير.
مثال من الأداة: لون واحد ونتيجتان
خذ الرمادي #8A8A8A على خلفية بيضاء. النسبة 3.45:1. في قائمة المعايير سترى «AA للنص الكبير» ناجحًا لأنه يطلب 3:1، و«عناصر الواجهة والرسوم» ناجحًا أيضًا، بينما «AA للنص العادي» غير ناجح لأنه يطلب 4.5:1. و«AAA للنص الكبير» غير ناجح كذلك لأنه يطلب 4.5:1.
فالأداة لم تتناقض. هي تعطيك نسبة واحدة، ثم تقارنها بحدود مختلفة حسب حجم النص. عنوانك الكبير في الفئة الأولى، وفقرتك في الثانية.
ما الذي يعدّ نصًا كبيرًا بالضبط؟
- نص بحجم 18 نقطة، أي 24 بكسل تقريبًا، أو أكبر.
- أو نص عريض (Bold) بحجم 14 نقطة، أي نحو 18.66 بكسل، أو أكبر.
- ما دون ذلك نص عادي، ويحتاج 4.5:1 في AA و7:1 في AAA.
تكتب الأداة هذا التعريف تحت حقلي الإدخال، وتعرض في العيّنة الحيّة ثلاثة أسطر: نص عادي 16 بكسل، ونص كبير 24 بكسل، ونص كبير عريض 18.66 بكسل، بالعربية والإنجليزية. قارنها بعينك على لونيك.
وهل يختلف الأمر مع الخطوط العربية؟
القاعدة نفسها لا تفرّق بين الخطوط: الحد هو الحجم بالبكسل أو النقاط. لكن الواقع أن بعض الخطوط العربية تبدو أصغر من غيرها عند الحجم نفسه، لأن أجسام الحروف صغيرة داخل السطر، أو لأن الخطوط رفيعة. والنسبة لا تقيس ذلك إطلاقًا، وتقول الأداة في حدودها صراحة إنها لا تقيس سمك الخط ولا نوعه ولا حجمه الفعلي على الشاشة.
عمليًا: إن كان نصك العربي على حافة 24 بكسل وخطه رفيع، فلا تعامله معاملة النص الكبير بثقة. استخدم له الحد الأعلى 4.5:1، خصوصًا في الأسعار والتفاصيل التي يقرأها العميل على الجوال.
كيف تصلح الفقرات دون أن تغيّر العناوين؟
- أبقِ #8A8A8A للعناوين الكبيرة فعلًا إن أحببت درجته.
- في فاحص تباين الألوان اختر الهدف 4.5:1، فيقترح «أقرب لون أغمق» اللون #767676 بنسبة 4.54:1 للفقرات.
- إن أردت مستوى AAA للنص العادي فاختر 7:1، فيظهر #595959 بنسبة 7.00:1.
وانتبه لطول العناوين: نص من ثلاثة أسطر بخط كبير ما زال نصًا كبيرًا بحسب القاعدة، لكنه صار فقرة في نظر القارئ. إن أردت أن تبقي عناوينك قصيرة فعدّ كلماتها في عداد الكلمات والحروف. والنجاح في النسبة لا يجعل الصفحة متاحة بالكامل، هو فحص للون فقط.
أسئلة شائعة
هل 24 بكسل على الجوال مثل 24 بكسل على الحاسوب؟
القاعدة تتحدث عن الحجم المحدد في التصميم. لكن الشاشات وإعدادات التكبير تختلف، ولهذا يفيد الهامش الإضافي للنص القريب من الحد.
العنوان عريض بحجم 18 بكسل، هل هو كبير؟
لا. الحد للخط العريض نحو 18.66 بكسل، و18 بكسل أقل منه بقليل، فيعامل نصًا عاديًا ويحتاج 4.5:1.
هل تعرف الأداة حجم النص في موقعي؟
لا. هي تقارن لونين فقط وتعرض النتيجة لكل فئة حجم، وأنت من يحدد أي فئة تنطبق على النص.
