عيوب الكتابة من اليمين إلى اليسار التي لا تصلحها الخصائص المنطقية

أعطِ الأداة حقّها أولًا، وأعطِه بالأرقام. تبلغ أوراق أنماط هذا الموقع 15,142 سطرًا في 42 ملفًا، منها 78 سطرًا إعلانات منطقية على المحور السطري — padding-inline وmargin-inline وinset-inline-start وtext-align: start. ويقابلها إحدى عشرة كتلة قاعدة انعكاس صريحة مقيّدة بجذر rtl، وتسع عشرة كتلة أخرى مقيّدة باللغة العربية ليس فيها واحدة للانعكاس. يتولّى التتالي مشكلة الاتجاه وحده تقريبًا، ويتولّاها في الطبقة التي تغطّي معظم الصفحة.

والحدّ موثَّق لا مُكتشَف. فمرجع MDN نفسه لهذه الوحدة يسرد المكافئات المنطقية للقياس والهوامش والحشو والحدود والإزاحات وfloat وclear وresize وcaption-side وtext-align، ثم يعدّد الخصائص التي لا مكافئ لها ولن يكون: transform وtransform-origin وbackground-position وbox-shadow وtext-shadow وزوايا linear-gradient وموضع radial-gradient وfilter. والسبب المعلن واحد فيها جميعًا — أنها تعمل في فضاء إحداثيات مرسوم لا في تدفّق المستند. أما التحويلات المنطقية فمسألة مفتوحة في فريق عمل CSS منذ 23 أكتوبر 2018، برقم 311 في w3c/fxtf-drafts، وما زالت مفتوحة.

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

ولم يعد الدعم قيدًا أيضًا. يضع caniuse مواصفة CSS Logical Properties and Values Level 1 عند 96.42 بالمئة عالميًّا، بدعم كامل من Chrome 89 وEdge 89 وFirefox 66 وSafari 15. أما الثغرة التي ما زال تحليل الثغرات العربية من W3C يسجّلها فأضيق وأدقّ: الكلمات المفتاحية المنطقية داخل الصيغ المختصرة ليست مدعومة جيدًا، ولهذا كانت الأعداد أعلاه للصيغ المطوّلة.

يضع فهرس المشاريع عشر دراسات حالة على قضيب أفقي: مسار يسير جانبًا كلما نزلت الصفحة. وورقة أنماطه منطقية بالكامل — المسار inset: 0 مع padding-inline: 8vw — فيفيض المسار في المستند العربي إلى اليسار كما ينبغي تمامًا. لم يكن في CSS شيء خطأ.

ثم أزاحه JavaScript إلى اليسار أكثر. وبالقياس على مسار المشاريع العربي، عند التمرير إلى نهاية القضيب، بلغت الخاصّية المخصّصة التي يقرؤها المسار −2,531 فدفعت مسارًا بدأ أصلًا خارج الحافة اليسرى إلى خارجها أكثر. صفر من البطاقات العشر كان داخل الشاشة، عند 1440 وعند 390 سواء، وظلّ العدّاد في الزاوية يقرأ 10 طوال النزول. لم يكن بوسع قارئ عربي أن يبلغ دراسة حالة واحدة عبر القضيب.

والسبب في المواصفة لا في المتصفّح. تعرّف CSS Transforms Level 1 فضاء الإحداثيات بمحورين: المحور X يزداد أفقيًّا إلى اليمين، والمحور Y يزداد رأسيًّا إلى الأسفل. ولا مصطلح لترتيب القراءة في ذلك التعريف كله، فيسير translate3d الجهة الفيزيائية نفسها في المستندين مهما قال الاتجاه. والمقدار هو الكمّية نفسها في المستند العربي وفي الإنجليزي؛ الإشارة وحدها حقيقة عن ترتيب القراءة.

// src/runtime/core/env/direction.js — 64 سطرًا، بلا أي استيراد
export function isRtl(doc) {
  return (doc?.documentElement?.dir ?? '') === 'rtl'
}
 
export const MIRROR = Object.freeze({ right: 'left', left: 'right' })
 
export function inlineSign(doc) {
  return isRtl(doc) ? 1 : -1
}
 
// src/runtime/pages/projects.js — ردّ نداء التمرير
// كان:  const x = (-progress * span).toFixed(1)
const sign = inlineSign(doc)
const x = (sign * progress * span).toFixed(1)
 
// tests/unit/motion-primitives.test.mjs
assert.equal(railTravel(4000, 1440, false), -2560)
assert.equal(railTravel(4000, 1440, true), 2560)

ونُشر العيب نفسه مرّتين بالشكل نفسه. فقضيب الرحلة في الصفحة الرئيسية محشوّ بـ padding-inline: 75vw، فكان مساره يفيض هو أيضًا إلى اليسار كما ينبغي، وكان انتقاله هو أيضًا يكتب سفرًا سالبًا يدويًّا — فيسحب مسارًا فائضًا إلى اليسار أصلًا خارج قصّه حتى تختفي بطاقات الفصول الأربع كلها. وبالقياس بعد العلاج: ينجرف المسار +1,199 بكسل في الصفحة الرئيسية العربية و−1,199 في الإنجليزية، ويؤكّد اختبار وحدة أن المقدار واحد وأن الإشارة وحدها تختلف.

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

والقضيب الذي حدث فيه هذا ما زال المدخل إلى الأعمال العشرة — فهرس المشاريع، وهو الآن قابل للبلوغ بثلاث لغات.

أوضح مجموعة تعليمية لهذه الحالة قيست على abbod.de القديم — الموقع قبل إعادة البناء، وهو النسخة الذهبية التي يُقارَن بها هذا المشروع — وهي قائمة قيم لاتينية عادية تظهر مقلوبة في الصفحات العربية. فهرس بطاقة، ولون ستّ عشري، ومعرّف على شبكة اجتماعية، ورقم حجم، وشعار كلمة المحمِّل نفسه. ليس في واحد منها حرف عربي واحد.

وكان ملف التحليل الجنائي الذي سجّلها قد قسم العائلة سلفًا إلى الآليتين اللتين تحتاجهما، والتمييز هو الجزء النافع. فحين تجلس القيمة كلها في عقدة نصّية واحدة، تكون خوارزمية يونيكود للاتجاهين هي التي تحلّها مقابل الفقرة المحيطة، والعلاج إعلان اتجاهين على العنصر. وحين تكون القيمة قد قُسّمت عبر صناديق سطرية — عنصر فاصل، أو غلاف لكل حرف — فلا تستطيع الخوارزمية شيئًا البتّة، لأن كل صندوق مقطع بذاته ولم يبقَ لها ما تعيد ترتيبه. تلك الحالة تحتاج ضبط الاتجاه الأساس: direction: ltr.

وتقول UAX رقم 9، المراجعة 51، ذلك في تحديد نطاقها. فهي تحلّ مستوى الفقرة، والمستويات الصريحة للتضمين، والأنواع الضعيفة، والمحايدات، والمستويات الضمنية، وتفعل ذلك كله داخل كل فقرة من المحارف. أما كيف تُرتَّب الصناديق السطرية أو العناصر فخارج نطاقها. ذلك الترتيب من عمل مواصفة flexbox، والقسم 5.1 فيها لا لبس فيه: المحور الرئيسي لحاوية flex صفّية له اتجاه المحور السطري نفسه في نمط الكتابة الحالي. فثلاثة عناصر flex تقرأ 01 وشرطة مائلة و04 تُخطَّط إذن بالمقلوب في المستند العربي، وكل بطاقة في قسم الرحلة بهذا الموقع كانت تدّعي أنها الرابعة من واحد.

وسُجِّل عيبان آخران يصعب طبعهما في مقالة: رقم هاتف انقلب إلى هراء، وعيّنة ترميز بدّل وسمها الختامي قوسيه الزاويين فما كان الترميز المعروض للقارئ ليُحلَّل أصلًا. وكلاهما من حالة العقدة النصّية الواحدة، وكلاهما سبب أن هذا الموقع صار يؤكّد على كل مسار عربي أن كل ما داخل عنصر code أو pre يُحسب إلى direction: ltr.

وينقلب العدّاد بسبب المواصفة لا بسبب خلل في المتصفّح، وهذا سهل القول ويستحقّ إعادة الإنتاج. ففي Chromium معزول بلا واجهة تحت جذر rtl، يظهر عدّاد inline-flex يحوي 01 وعنصرًا فاصلًا و10 بصريًّا 10 ثم الشرطة المائلة ثم 01، بمستطيلات أجزاء عند اليسار 748 و768 و776. والترميز نفسه مع direction: ltr وunicode-bidi: isolate يظهر بالترتيب الذي كُتب به، عند المواضع الثلاثة نفسها.

تحتاج لفّة المحارف أن يكون كل محرف صندوقًا يمكن تحريكه. وتعرّف CSS Transforms Level 1 العنصر القابل للتحويل بأنه كل ما يحكمه نموذج الصندوق في CSS عدا الصناديق السطرية غير المستبدَلة وصناديق أعمدة الجداول ومجموعات أعمدة الجداول — فعنصر سطري مجرّد لكل حرف ليس منها. وقيس ذلك هنا في انتقال كان ينبغي أن يسافر −70.00 بكسل فسافر 0.00. وجعل كل محرف مولَّد inline-block ليس خيارًا في الأنماط؛ فبدونه لا يفعل التأثير شيئًا.

والصندوق السطري الذرّي لكل حرف صندوق لا يستطيع محرّك التشكيل الوصل عبره، والكتابة المتّصلة كتابة تعتمد فيها صورة الحرف على جيرانه. فكل كلمة عربية تحمل خاصّية التقسيم في هذا الموقع كانت تظهر صفًّا من الصور المنفردة — 23 مصدرًا، منها روابط القائمة الأربعة كلها وكل رابط في التذييل. وكلمة تواصل نفسها خرجت خمسة حروف منفصلة لا تكتب شيئًا. وهذا ليس تدهورًا خفيًّا: إنه خطأ إملائي، على كل عنوان تنقّل في الموقع.

ولا علاج في الأنماط، وهذا هو مقصد القسم كله. فإعادة المحارف إلى inline تُرجع الوصلات وتقتل التحويل؛ وتركها inline-block يبقي التحويل ويقتل الوصلات. والمطلبان متنافيان بحكم المواصفة، وتسرد CSS Text 3 في القسم 7.3 الشروط التي يجب عندها أن ينكسر التشكيل عند حدّ صندوق سطري — هامش أو حدّ أو حشو سطري غير صفري، وvertical-align غير ابتدائي، وحدّ عزل للاتجاهين. وتقول GreenSock الشيء نفسه عن أداتها بكلام أوضح: لم يُصمَّم SplitText للغات التي تُكتب من اليمين إلى اليسار، ولا إصلاح مخطّط له.

وتُؤكَّد النتيجة في الاتجاهين لا في اتجاه واحد، وهذا أهمّ ممّا يبدو. تفحص البوابة أن المستند العربي فيه صفر عقدة حرف وأن الإنجليزي فيه 201 منها، وتفحص منفصلةً أن المستند العربي ما زال فيه كلمات وأسطر تُحرَّك — لأن فحصًا يؤكّد صفر حروف وحدها كان سينجح بالسعادة نفسها في صفحة لم ينقسم فيها شيء أصلًا.

وسقط عيب ثانٍ من العلاج نفسه، وكان خافيًا لسبب يستحقّ التسجيل. فمسافة سفر اللفّة كانت مكتوبة رقمين حرفيين يصادف أنهما صحيحان للعناوين اللاتينية: ارتفاع سطر 1 مع إزاحة ظلّ تساوي حجم الخط، فيكون سالب مئة بالمئة من صندوق المحرف وem واحد البكسل نفسه. أما في العناوين العربية، المضبوطة على 1.55، فيكفّان عن كونهما البكسل نفسه — إذ هبطت الكلمة الداخلة 0.45em تحت الخارجة، وهو انزياح خط الأساس الذي أبلغ عنه صاحب الموقع في كل رابط عربي في الموقع. والعلاج يقرأ الإزاحة المحسوبة للتوأم نفسه بدل افتراضها.

وللنصف الخاص بالتقسيم مقالته، ومنها ما يراه القارئ العربي وحدةً تستحقّ التحريك — تقسيم النص في كتابة متّصلة.

لفّة العنوان في هذا الموقع ثلاثة إعلانات في ثلاثة مواضع: ارتفاع سطر في ورقة اللغة، وclip-path في الورقة نفسها، وإزاحة text-shadow في مكوّن الزر. وهي معًا رقم واحد. فنافذة القصّ هي الفتحة المرئية؛ والظلّ هو النسخة التوأم من الكلمة تنتظر تحتها؛ وصندوق السطر يقرّر أين يجلس كلاهما. غيّر واحدًا دون الاثنين الآخرين ينكسر التأثير بشكل يبدو كمشكلة في الخط.

وبتطبيق الهندسة اللاتينية على عنوان عربي — ارتفاع سطر 1، ونافذة تقطع عند 94 بالمئة من الصندوق، وتوأم على بعد em واحد — يقع القطع 0.153em تحت خط الأساس. والياء النهائية في الخط المنشور تنزل 0.5096em. فيُنزع 0.357em من الحبر، وتذهب معه النقطتان تحت الحرف، فتظهر الكلمة حرفًا آخر تمامًا. وقاست النسخة الذهبية هذا بالضبط على رابط تذييلها: كلمة صاحب الموقع نفسها، راسلني، مطبوعةً خطأً عن نفسها.

وفتح صندوق السطر وحده لا يصلحها ويُدخل عيبًا ثانيًا. فعند 1.55 والنافذة ما زالت عند 94 بالمئة يجلس القطع 0.395em تحت خط الأساس وتبقى الياء مقصوصة بمقدار 0.115em — ويبدأ حبر التوأم الآن على بعد 0.845em من الأعلى، داخل نافذة تبلغ 1.457em، فيظهر صفّ شبح من الكلمة التالية تحت كل عنوان. فالأرقام الثلاثة يجب أن تتحرّك معًا، والترتيب هو الثابت: التوأم تحت النافذة، والنافذة تحت الحبر.

والحالة المنشورة تترك الياء بفسحة 0.196em، وتضع قاع النافذة عند 1.767em وقمّة حبر التوأم عند 1.845em، فتخفيه بمقدار 0.078em. وثمانية وسبعون جزءًا من ألف من الـ em هي كل الهامش بين تأثير يعمل وصفّ شبح مرئي، وهذه هي الحجّة لاشتقاق الأرقام الثلاثة بدل تحريكها بالحدس.

والالتفاتة الأخيرة هنا عن النطاق لا عن الهندسة. فقد كُتب العلاج للمستند العربي، وبقي العيب حيًّا في المستندين الإنجليزي والألماني — على الكلمة العربية الوحيدة فيهما، وهي عنوان مبدّل اللغة نفسه، الذي يُطبع في كل صفحة ليتعرّف عليه قارئ لا يقرأ اللغة الحالية. وقد ورثت تلك الكلمة عائلة لاتينية لا عربية فيها، وتباعد نصّ المتن، وصندوق سطر من em واحد، ونافذة 94 بالمئة. فالمستند اللاتيني ليس مستندًا خاليًا من العربية، والقاعدة اليوم ترتبط بلغة المقطع لا باتجاه الصفحة.

وارتفاع السطر الذي يفتح تلك النافذة قياس بذاته لا نسبة — حساب الأرضية الحقيقية.

وsize-adjust الذي يقيس ذلك كله يأتي من سنّة وألف، لأن ارتفاع الـ x لا يعني شيئًا هنا: قياس خط عربي مقابل خط لاتيني.

لم يكتب أحد قاعدة من اليمين إلى اليسار للرأس. وانعكس رغم ذلك، من خاصّية اتجاه واحدة على عنصر الجذر وjustify-content: space-between واحدة، وظلّ ينعكس عبر سبع حاويات متداخلة لم يُسأل أيٌّ منها عن ذلك قط. والعيب هنا صنعه عدمُ كتابة CSS، وهذا نمط الفشل الذي لا يدقّق فيه أحد.

وما كلّفه ذلك الانقلاب لم يكن بصريًّا. فترتيب التركيز المتسلسل هو ترتيب DOM ولا يتبع الاتجاه إطلاقًا، فكان زائر لوحة المفاتيح في الصفحات العربية ينتقل من اليسار إلى اليمين عبر شريط يُرسم من اليمين إلى اليسار. ويطلب البند 2.4.3 من WCAG أن يحفظ ترتيب التركيز المعنى وقابلية التشغيل، لا أن يطابق الترتيب البصري، فهذا وحده ليس إخفاقًا في المطابقة — وسبب تثبيت الشريط في هذا الموقع قرارٌ من صاحبه بأن الشريط كائن للعلامة، وعودة ترتيب DOM والترتيب البصري إلى الاتفاق فائدة حقيقية تتبع ذلك القرار لا تبرير له.

والعلاج يطفئ السبب لا الأعراض. فإعلان direction: ltr واحد على الشريط وعلى غلاف قائمته يغلب سبعة إعلانات row-reverse، والحاوية الثامنة التي يضيفها أحدهم العام القادم تكون صحيحة افتراضًا بدل أن تكون خطأً بالإهمال. والاتجاه هو الخاصّية الوحيدة التي يقرؤها كل انقلاب ضمني تحته: المحور الرئيسي في flex، وtext-align: start، وكل خاصّية منطقية، وترتيب الصناديق السطرية. ثم تُستعاد المقاطع العربية داخله فرادى، مع unicode-bidi: isolate حتى لا يعيد مقطع ترتيب جيرانه في الصندوق من اليسار إلى اليمين الذي صار يحويه.

/* src/styles/components/site-nav.css */
/* سبب واحد، لا سبعة أعراض */
html[dir='rtl'] .nav,
html[dir='rtl'] .nav-menu-w {
  direction: ltr;
}
 
/* والعربية داخله ما زالت عربية */
html[dir='rtl'] :is(.nav, .nav-menu-w)
  :is(.text-nav-link, .text-eyebrow, .nav-lang-label, .btn-text.is-lang-ar) {
  direction: rtl;
  unicode-bidi: isolate;
}

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

وأمر ينبغي معرفته قبل اللجوء إلى الصنف الزائف :dir() لكتابة قواعد كهذه. فهو متاح على نطاق واسع منذ ديسمبر 2023، ولا يقرأ إلا الاتجاه الدلالي المعلن في المستند. وهو لا يحسب حساب خاصّية direction في CSS، فحاوية انسحبت لتوّها بـ direction: ltr تبقى عنده عنصرًا من اليمين إلى اليسار. ومحدِّدات الخصائص على الجذر تؤدّي هنا عملًا حقيقيًّا لا يستطيعه الصنف الزائف.

والتباعد بين الحروف ينتمي إلى القسم نفسه لأنه القرار نفسه في طبيعته، ولأنه معياري لا جمالي. يقول القسم 7.2.1 من CSS Text 3 إن وكيل المستخدم الذي لا يستطيع تمديد النص المتّصل دون كسر وصلاته يجب ألّا يطبّق تباعدًا بين أي زوج من حروف تلك الكتابة إطلاقًا، وتصف المواصفة في مثالها التباعد الموزّع بالتساوي على العربية بأنه سيّئ، مع ملاحظة أنه يكسر الوصلات. وسبب حاجة الموقع إلى تجاوز صريح رغم ذلك أن التباعد معلَن على العناصر نفسها — العناوين الفرعية والأزرار وروابط التنقّل وخطوط العرض — لا موروثًا، وهذا ما يجعله !important الشامل الوحيد الذي يعدّه المشروع مبرَّرًا.

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

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

ولا يستطيع فاحص سهولة الوصول سدّ الثغرة أيضًا، ويستحقّ الأمر تحديدًا لأنه البديل الذي تفترضه معظم الفرق. يقدّم axe-core 4.11.0 عدد 104 قواعد. وترشيح القواعد الـ 104 كلها بمعرّف القاعدة ووصفها ونصّ مساعدتها بحثًا عن الاتجاه أو الانعكاس أو الاتجاهين أو ترتيب التخطيط يعيد ستًّا، منها أربع تتحقّق من وجود خاصّية lang وصحّة صيغتها، واثنتان مطابقتان زائفتان على كلمة structured. ويشغّل هذا الموقع الفاحص على كل مسار بعرضين — 144 فحصًا في 2026-08-24، وخمس مخالفات — وقد تعايش ذلك المسح مع العيوب السبعة المذكورة هنا كلها.

والسابقة لما ينبغي فعله حيال ذلك كانت موجودة في المستودع سلفًا. فمحور مقارنة canvas مُعلَّم بأنه محجوب وغير مفروض، لأن أرضية الضجيج المقيسة له هائلة — نسبة فرق عند المئين الخامس والتسعين قدرها 0.025829 عبر 89 عيّنة — والمنطق المسجَّل أن بوابةً لا تميّز الانحدار من الضجيج أسوأ من لا بوابة، لأنها تعلّم الناس تجاهلها. ومقارنةٌ أُبطل مرجعها عمدًا هي الإخفاق نفسه بسبب مختلف، ولهذا كان الجواب هنا أداة جديدة لا عتبة مرخاة ولا صفّ استثناء دائمًا.

وكيف قيست تلك الأرضية من الضجيج، ولماذا يُفرض محور ولا يُفرض آخر، في مقالة أرضية الضجيج.

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

ما حلّ محلّ لقطة الشاشة مجموعةُ خصائص، واحدة لكل عيب. تقدّم البوابة 37 تأكيدًا: ثمانية لكل عرض عند 390 و991 و992 و1440 بكسلًا، وخمسة فحوص مزدوجة تُجري المستند العربي والإنجليزي أحدهما مقابل الآخر. وكل واحد من الثمانية كان عيبًا منشورًا قبل أن يكون فحصًا، وهذا شرط الدخول الوحيد الذي يعترف به الملف. وكل رقم مذكور هنا مقروء من ذلك المصدر لا من جولة — فالبوابة تحتاج خادمين محليين ولم يُشغَّل أيٌّ منهما لهذه المقالة.

وقائمة مساراتها مقروءة لا مكتوبة. فالمسارات العربية تأتي من بيان المسارات المنشور، مرشَّحةً باللغة، ويرمي الملف خطأً إن أعاد ذلك الترشيح لا شيء. وقد أثمر ذلك القرار هذا الأسبوع: انتقل البيان من 72 وثيقة و20 مسارًا عربيًّا إلى 69 و19 حين أُحيلت صفحة مشروع إلى التقاعد، واستوعبت البوابة الحذف بلا تعديل، لأن الفحوص الثمانية لكل عرض تتجمّع فوق أي مسارات يسمّيها البيان.

وأنفع الـ 37 واحدًا طرحٌ. فهو يأخذ في كل مسار عربي قيمة scrollWidth لعنصر المستند، ويطرح منها innerWidth للنافذة، ويتسامح ببكسل واحد. ذلك السطر الواحد يلتقط كل إزاحة فيزيائية لم تنعكس، وكل صندوق ذي سقف صلب تفيض منه العربية، وقضيبًا يسافر في الجهة الخطأ، دفعةً واحدة — وهو ما يحوّل تدقيق الموقع كله بالعربية من مهمّة قراءة إلى قياس.

وبقيّة الثمانية مملّة عن عمد، والمملّة هي التي تلتقط انحدار البناء. فكل مسار عربي يجب أن يعلن نفسه من اليمين إلى اليسار وعربيًّا على عنصر الجذر. ولا يجوز لشيء أن يتجاوز حافة سطرية دون سلف يقصّه. وكل عنصر code أو pre يجب أن يُحسب إلى direction: ltr، لأن مقتطفًا يرث اتجاه الفقرة يعيد ترتيب علامات ترقيمه ويكفّ عن كونه ترميزًا صحيحًا. وعبر المسارات التسعة عشر كلها يجب ألّا يكون هناك خطأ واحد في وحدة التحكّم، ولا طلب فاشل، ولا استجابة بالرمز 400 أو أسوأ.

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

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

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

والتنفيذ يجمع أبناء العنصر، ويسقط الخارجين عن التدفّق، ويتخطّى ما بقي فيه أقلّ من اثنين. والعدّاد في بطاقات قضيب المشاريع inline-flex يحوي النصّ 01 وعنصرًا فاصلًا والنصّ 10 — ثلاثة عناصر flex واحد منها بالضبط عنصر. فيمرّ الفحص من أمامه. ويُتخطّى أبوه كذلك، بقاعدة المسافة البيضاء، لأن الشارات إلى جانبه تحوي مسافات. فالعيب الذي كُتب الفحص من أجله ما زال في الصفحة التي كُتب فيها، على بعد عشر بطاقات، وتسليم المرحلة الذي يقول إن العدّادين أُصلحا مخطئ في الثاني.

ودقّةٌ في وصف الحالة، لأن هذا استنتاج لا تقرير. فالغياب ثابت وقابل للفحص: تلك الورقة لا تحوي أي إعلان اتجاه البتّة، عند آخر إيداع وفي شجرة العمل. وآلية الانقلاب مُعاد إنتاجها بالضبط في Chromium معزول بلا واجهة. ولم تُرصد على صفحة المشاريع العربية وهي تعمل في هذه الجلسة — وجولة للبوابة كانت ستؤكّدها هناك. ويستعمل الملف نفسه أيضًا margin-left: auto فيزيائيًّا حيث يستعمل العدّاد المصلَح margin-inline-start: auto، وفي صفٍّ من اليمين إلى اليسار عرضه 400 بكسل يمتدّ من 398 إلى 800 يوقع ذلك الفرق الكبسولة عند 724 بدل 399، محشورةً إلى الشارات بدل أن تكون في الطرف الأقصى.

والشكل العملي لهذا كله قصير. استعمل الخصائص المنطقية في كل موضع تبلغه، ثم اكتب قائمة بما لا تبلغه في ترميزك — التحويلات، وزوايا التدرّجات، وtransform-origin، والظلال، وترتيب القيمة المركّبة، وترتيب التركيز، والتشكيل، ومقاييس الخط — وافحص تلك القائمة بيدك، مرّة واحدة، على الصفحات العربية. وحوّل كل عيب تجده إلى تأكيد على خاصّية لا على بكسلات. ثم عامل الإفراط في العكس عيبًا كذلك: فمجموعة مشاريع هذا الموقع تترك عمدًا صيغة z-index واحدة بلا عكس، لأن مدخلها منطقي أصلًا، وعكسها مرّة ثانية أخفى تسعًا من الشارات العشر.

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