مكتبة فحوص العربية والاتجاه
كل فحص تشغّله ريتلا، وكيف تصلح ما يجده
كل فحص حتمي تشغّله ريتلا على كل صفحة تفحصها، مع ما يبحث عنه وكيف تصلح ما يجده. الصفحة نفسها تعطي الملاحظات نفسها في كل مرة.
المستند والبيانات الوصفية6
هل تعلن الصفحة أنها عربية ومن اليمين إلى اليسار، وهل يتفق عنوانها وبياناتها الوصفية ورابطها الأساسي ونسخها البديلة مع ذلك.
اتجاه المستند مفقود أو متناقض أو معلن في CSS وحدهاهل يقول
<html> إن الصفحة من اليمين إلى اليسار، وهل تُعرض الصفحة فعلًا كذلك: غياب dir أو تجاوزه يقلب التخطيط كله على القارئ العربي.R001حرجةhtml[lang] مفقودة أو غير عربية أو تناقض المحتوى المكتشفقارئات الشاشة تختار صوتها ومحركات البحث تختار فهرسها من <html lang>، فالوسم المفقود أو الخاطئ يجعل المحتوى العربي يُقرأ ويُصنَّف على أنه لغة أخرى.R002عاليةمجموعة روابط hreflang البديلة بلا أي مدخل عربي على صفحة عربيةحين تذكر الصفحة نسخها اللغوية عبر hreflang وتُسقط العربية منها، لا تستطيع محركات البحث أن توصل الباحثين بالعربية إليها، وقد ترسلهم إلى نسخة أخرى.R003متوسطة<title> أو الوصف التعريفي بحروف لاتينية في معظمه على صفحة عربيةعنوان الصفحة ووصفها التعريفي هما ما يراه القارئ العربي في نتائج البحث وفي تبويب المتصفح، فالإنجليزية المتروكة هناك أول ما يقابله.R004عاليةبيانات OpenGraph أو Twitter غير مترجمة، أو og:locale مفقودة أو غير صالحةبطاقة معاينة الرابط حين يُشارك تُبنى من وسوم OpenGraph وTwitter، فالإنجليزية المتروكة فيها، أو لغة محلية غير عربية، تجعل الصفحة العربية تبدو غريبة أينما شوركت.R005متوسطةالرابط الأساسي (canonical) يشير إلى نسخة بلغة أخرىالرابط الأساسي الذي يشير إلى النسخة الإنجليزية أو الفرنسية يخبر محركات البحث بأن الصفحة العربية نسخة مكررة، فقد تفهرس النسخة الأخرى مكانها.R006منخفضةمحتوى لم يُترجم3
إنجليزية بقيت في واجهة عربية: نص المحتوى، والأزرار، والتنقل، والنصوص المؤقتة في الحقول، والنص البديل للصور، والتسميات.
نص متن ظاهر بحروف لاتينية فوق الحدود المسموحة على صفحة عربيةالمقاطع اللاتينية المتروكة على صفحة عربية، جملةً كانت أو جزءًا كبيرًا من الصفحة، تخبر القارئ بأن الترجمة توقفت في منتصف الطريق.R010عاليةتسميات تفاعلية غير مترجمة (أزرار، روابط التنقل والتذييل، عناصر القوائم، التبويبات)يتنقل الناس في الموقع عبر تسمياته، فالزر أو التبويب أو رابط القائمة المتروك بالإنجليزية يوقف القارئ العربي عند الخطوة التي كان يحاول أن يخطوها.R011عاليةنصوص سمات غير مترجمة (
placeholder وalt وtitle وaria-label وقيمة الزر)قارئات الشاشة تنطق alt وaria-label بصوت مسموع، والنص المؤقت في الحقل يقول ما يُكتب فيه، فالإنجليزية المتروكة هناك تخذل المستخدم العربي حتى في صفحة مترجمة.R012متوسطةالاتجاه والنص ثنائي الاتجاه6
حاويات ومحاذاة وحقول وأيقونات تسير في الاتجاه الخاطئ، ونص يخلط العربية باللاتينية ستعيد خوارزمية الاتجاه ترتيبه.
حاوية مجبرة على الاتجاه من اليسار، أو تجاوز لخوارزمية الاتجاه، فوق محتوى عربيتحت صندوق
dir="ltr" أو direction: ltr يبدأ النص العربي من الحافة الخاطئة وتختل مواضع علامات ترقيمه، وbidi-override قد يقلب حروفه أو يعكس الأرقام المضمّنة فيه.R020عاليةمخاطر اتجاه غير معزولة: أرقام هواتف وبريد إلكتروني ومقاطع لاتينية داخل نص عربيفي النص من اليمين إلى اليسار، يظهر رقم هاتف مثل +966 55 123 4567 بهيئة 4567 123 55 966+ ما لم يُعزل في <bdi>، والأرقام المحاطة بأقواس أو المسبوقة بإشارات قد تنقلب بالطريقة نفسها.R021متوسطةtext-align: left مضبوطة صراحة على نص عربي في معظمهالعربية تُقرأ من اليمين، فالكتلة الملتصقة بالحافة اليسرى تعطي كل سطر بداية متعرجة، وتبعد النص عن المكان الذي تبدأ منه عين القارئ.R022عاليةحقول نص تُعرض من اليسار إلى اليمين حيث يُتوقع إدخال عربيالعربية المكتوبة في مربع نص أو بحث أو منطقة نص من اليسار إلى اليمين تبدأ من الحافة الخاطئة وتقع علامات ترقيمها في الجهة الخاطئة؛ وتُستثنى حقول البريد الإلكتروني والهاتف والرابط والأرقام وكلمة المرور.R023عاليةعلامة ترقيم تُعرض في الطرف المرئي الخاطئ من نص عربيالقوس غير المزدوج في بداية نص عربي أو نهايته يعني في الغالب أن نصوصًا رُبطت عبر تغيّر في الاتجاه، وفي العرض من اليمين إلى اليسار يقع في الطرف الخاطئ.R024متوسطةأيقونة اتجاهية تشير عكس التسلسل الذي يتقدم فيه عنصر التحكمعلى صفحة من اليمين إلى اليسار يسير "التالي" نحو اليسار، فالسهم المسمّى arrow-right داخل زر "التالي"، إن لم يُعكس، يخبر القارئ العربي بأنه يعود إلى الخلف لا يتقدم.R025متوسطةCSS باتجاهات فيزيائية4
يسار ويمين مكتوبان في أنماط يجب أن تتبع اتجاه القراءة: الهوامش، والتعويم، والظلال، والتحويلات.
خصائص فيزيائية حساسة للاتجاه بلا تجاوز للاتجاه من اليمين إلى اليسارحين تُظهر ورقة الأنماط أنها كُتبت أولًا من اليسار إلى اليمين، تترك
margin-left أو padding-right أو left المسافات والإزاحات العربية في الجهة الخاطئة؛ وإلا يُبلَّغ عنها خطرًا بثقة أدنى.R030متوسطةfloat: left أو right على عناصر المحتوى في سياق من اليمين إلى اليسار بلا تجاوزالتعويم المكتوب لتخطيط من اليسار إلى اليمين يحتفظ بجهته الفيزيائية في العربية، فالصورة التي يُفترض أن تتقدم النص تقع في نهاية كل سطر بدلًا من ذلك.R031متوسطةإزاحات أفقية للظلال حساسة للاتجاه بلا نظير للاتجاه من اليمين إلى اليسارbox-shadow أو text-shadow المزاح جانبيًا يقع في الجهة نفسها في العربية، فالضوء الذي يوحي به قد يناقض تخطيطًا عُكس في كل ما عداه.R032منخفضةtranslateX تُخرج العنصر من الشاشة في الاتجاه من اليمين إلى اليسارالأدراج والقوائم الجانبية يجب أن تنتظر خلف الحافة اليمنى في الصفحة العربية، فالدرج المركون خارج اليسار بـtranslateX ينزلق من الجهة التي لا يتوقعها القارئ.R033منخفضةالتخطيط4
تمرير أفقي، ونصوص متراكبة، وتسميات مقصوصة، وعروض ثابتة يتجاوزها النص العربي، في كل مقاسات العرض.
تمرير أفقي على مستوى المستندحين يكون عنصر واحد أعرض من نافذة العرض تتمرر الصفحة كلها جانبيًا، وعلى الهاتف يضطر القارئ العربي إلى السحب للوصول إلى محتوى مقطوع عند الحافة.R040عاليةعناصر ظاهرة تحمل نصًا متراكبةنص مرسوم جزئيًا فوق نص آخر، وغالبًا ما يكون السبب هامشًا سالبًا أو إزاحة مطلقة افترضت الاتجاه من اليسار إلى اليمين ولم تُعكس؛ وتُستثنى شرائح العرض المتراكبة والقوائم الجانبية خارج الشاشة.R041عاليةنص مقصوص: محتوى أعرض من صندوقه مع
overflow مخفي وبلا علامة حذفكثيرًا ما تأخذ العربية عرضًا أكبر من الإنجليزية التي صُمّم الصندوق على قياسها، فيقص overflow: hidden الكلمات؛ والنص الذي ينتهي بعلامة حذف يُعلَّم أيضًا، بخطورة منخفضة، لمراجعة موضع القص.R042عاليةحاوية بعرض ثابت بالبكسل يتجاوز نصها العربي المساحةيتتبع النص المقصوص حتى width ثابت بالبكسل، في النمط المضمّن أو في قاعدة مطابقة من ورقة الأنماط، وهو النتيجة المعتادة لتحجيم صندوق على قياس الإنجليزية ثم ملئه بعربية أطول.R043متوسطةالطباعة6
خطوط بلا حروف عربية، وتباعد بين الحروف يقطع اتصالها، وارتفاع سطر ضيق، وتنسيق لاتيني مفروض على العربية.
نص عربي يسقط إلى خط غير الخط المعلن (مقيسًا، أو وفق الإعلان، أو لأن خط الويب فشل في التحميل)حين لا يحمل أي خط في القائمة حروفًا عربية، أو يفشل خط الويب المعلن في التحميل، يستبدل كل جهاز خطه الافتراضي، فتبدو العربية مختلفة على Windows وiOS وAndroid.R050عاليةتباعد حروف مطبَّق على نص عربي (يكسر الخط المتصل)الحروف العربية تتصل على خط أساس واحد، فالتباعد الموجب يكسر الوصل والسالب يُراكب أشكال الحروف، وغالبًا ما يأتي من سلّم طباعي لاتيني لم يُستثنَ منه النص العربي.R051عاليةارتفاع سطر أقل من 1.5 في نص المتن العربيالحركات والحروف الصاعدة والنازلة في العربية تحتاج مساحة عمودية أكبر من اللاتينية، فالمسافة الضيقة بين الأسطر في كتل من عشرين كلمة عربية أو أكثر تجعل الأسطر تتلامس؛ وتُترك
line-height: normal.R052متوسطةنص متن عربي أصغر من 14pxحروف عربية كثيرة لا يميّزها إلا نقاطها، فنص المتن الأصغر من 14px، في كتل من عشر كلمات عربية أو أكثر، هو حيث يبدأ القرّاء بالخطأ في قراءة الكلمات.R053منخفضةخط مائل مطبَّق على نص عربيلا تقليد للخط المائل في العربية، فيصطنعه المتصفح بإمالة الحروف آليًا، فيبدو النص المراد إبرازه مشوّهًا لا مميزًا؛ والوزن أو اللون أنسب للتمييز.R054متوسطةتنسيق عناوين لاتيني (أحرف كبيرة مع تباعد) مطبَّق على العربيةلا أحرف كبيرة وصغيرة في العربية، فـtext-transform على نص عربي لا يغيّر حروفه، ويكشف محدِّدًا نُسّق لعناوين لاتينية ولم يراجعه أحد للجانب العربي.R055منخفضةالأرقام والتواريخ والعملات5
تواريخ بصيغة إنجليزية، وأنظمة أرقام مختلطة، وصيغ عملات أجنبية، وعلامات ترقيم من غير العربية.
أسماء أشهر أو أيام بالإنجليزية، أو تواريخ بصيغة MM/DD/YYYY، في نص عربيالتاريخ المتروك بالإنجليزية أو بالترتيب الأمريكي يكسر تعريب النص العربي؛ ولا يُحتسب إلا التاريخ ذو الشرطات المائلة الذي يثبت أنه يبدأ بالشهر، فالصيغة الإقليمية 15/03/2026 تمر.R060متوسطةأرقام مشرقية وغربية مختلطة في السياق نفسهخلط ٣ و3 في جدول أو قائمة أو
fieldset واحد يصعّب مقارنة الأرقام بنظرة؛ والأرقام في النص الجاري خارج هذه الحاويات لا تُفحص.R061متوسطةتنسيق عملة أجنبية في سياق سوق الريال السعودي أو الدرهم الإماراتيعلى صفحة سعودية أو إماراتية، السعر بالدولار أو اليورو أو الجنيه الإسترليني على زر أو بطاقة أو خلية جدول يوحي بسوق آخر؛ وتُستثنى المبالغ المذكورة داخل نص أطول.R062متوسطةترتيب غير متسق لعلامة النسبة المئوية أو الوحدة (%50 مقابل 50%)علامة النسبة المكتوبة قبل الرقم، %50 بدل 50%، تأتي غالبًا من الكتابة في حقل من اليمين إلى اليسار؛ وبعض الكتّاب يفعلون ذلك عن قصد، لذلك يُبلَّغ بثقة منخفضة.R063منخفضةعلامات ترقيم لاتينية، أو أشكال حروف من خط آخر، داخل نص عربيالفواصل والفواصل المنقوطة وعلامات الاستفهام اللاتينية في النص العربي تجعله يبدو نصف مترجم، أما الحروف الفارسية وأشكال العرض الملصوقة والكشيدة الزخرفية فتبدو صحيحة لكنها تكسر البحث.R064منخفضةالنماذج4
حقول لا يطابق اتجاهها ما تحمله، وتسميات ورسائل تحقق لم تُترجم، وتلميحات إكمال تلقائي مفقودة.
حقول الهاتف والبريد الإلكتروني والرابط تُعرض من اليمين إلى اليسار (ويجب أن تبقى من اليسار إلى اليمين)حقول الهاتف والبريد الإلكتروني والرابط المتروكة من اليمين إلى اليسار في صفحة عربية: قيمها نصوص من اليسار إلى اليمين، فقد تظهر مجموعات الأرقام وعلامات الترقيم بترتيب خاطئ أثناء الكتابة.R070متوسطةتسميات النماذج أو رسائل التحقق أو نصوص المساعدة غير مترجمةإنجليزية متروكة في التسميات والتلميحات وأي رسالة خطأ ظاهرة داخل نموذج على صفحة عربية؛ والقارئ الذي لا يفهم الحقل أو خطأه لا يستطيع إكمال النموذج.R071عالية
<select> يُعرض من اليسار إلى اليمين وخياراته عربيةالقائمة المنسدلة ذات الخيارات العربية التي تُرتَّب من اليسار إلى اليمين تضع النص المختار على اليسار والسهم على اليمين، عكس الصفحة المحيطة بها.R072متوسطةحقول الهوية بلا رموز autocompleteحقول الاسم والبريد الإلكتروني والهاتف والعنوان، المعروفة من name أو id أو تسميتها بالإنجليزية أو بالعربية، بلا autocomplete، فيعيد المستخدمون العرب كتابة بيانات يستطيع المتصفح ملأها.R073منخفضةإمكانية الوصول3
سمات اللغة التي تعتمد عليها قارئات الشاشة، وتخطيطات يعاكس فيها ترتيب التنقل بالمفتاح Tab الترتيب المرئي.
مقاطع بلغة أجنبية عن قصد بلا سمة
langمقاطع بحروف لاتينية من أربع كلمات أو أكثر، معلَّمة أصلًا بـtranslate="no"، ما زالت ترث lang عربية أو لا تحمل أي lang، فيقرؤها صوت قارئ الشاشة العربي بنطق عربي.R080منخفضةflex بقيمة row-reverse تصطنع الاتجاه من اليمين بدل dir (ترتيب التنقل بالمفتاح Tab يعاكس الترتيب المرئي)على صفحة من اليمين إلى اليسار، شريط تنقل أو قائمة مضبوطة على flex-direction: row-reverse تعرض عناصرها بعكس ترتيبها في المصدر، فيتحرك التركيز بالضغط على Tab عكس اتجاه نظر القارئ العربي.R081متوسطةنص في الواجهة يشير إلى اتجاهات أسهم فيزيائيةنص مساعدة يذكر مفتاح السهم الأيسر أو الأيمن، بالعربية أو بالإنجليزية، وغالبًا ما يشير إلى الجهة الخاطئة بعد عكس الواجهة للقراءة من اليمين إلى اليسار.R082منخفضةشغّل كل الفحوص على صفحتك أنت
الصق رابطًا، فتعرض ريتلا الصفحة على سطح المكتب والجهاز اللوحي والجوال، وتشغّل كل الفحوص، وتريك أهم المشكلات مع لقطة شاشة دليلًا على كل منها.