تصميم المواقع العربية RTL: أخطاء شائعة في المواقع الطبية وطريقة إصلاحها

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

ما معنى RTL ولماذا لا يكفي قلب اتجاه النص؟

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

المريض لا يعرف المصطلح، لكنه يشعر بالخلل فورًا: سهم «التالي» يشير للخلف، ورقم الهاتف يظهر مقلوبًا، وزر الحجز في المكان الذي لا تتجه إليه العين. هذه التفاصيل تجعل الموقع يبدو مترجمًا على عجل، وهو انطباع لا تريده عيادة تطلب ثقة المريض. وإن كان موقعك بلغتين، فهناك اعتبارات إضافية تخص التبديل بين النسختين شرحناها في دليل الموقع الطبي بالعربية والإنجليزية.

ما أشهر أخطاء تصميم موقع عربي RTL في المواقع الطبية؟

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

كيف تتعامل مع المصطلحات الإنجليزية داخل الجملة العربية؟

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

المشكلة الأوضح تظهر حين تأتي الكلمة الإنجليزية في نهاية السطر أو قبل علامة ترقيم: تقفز النقطة أو القوس إلى الجهة الخطأ. الحلول العملية:

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

كيف تُكتب الأرقام والتواريخ في موقع طبي عربي؟

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

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

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

ما الذي يتغير في النماذج وأزرار الحجز؟

تتغير محاذاة العناوين والحقول ومكان رسائل الخطأ وترتيب الأزرار. النموذج هو أهم صفحة في الموقع الطبي، وأي خلل فيه يكلفك حجزًا.

1. عنوان الحقل فوقه أو على يمينه، لا على يساره.
2. حقول الهاتف والبريد تُكتب من اليسار إلى اليمين داخل الحقل، بينما يبقى عنوانها عربيًا على اليمين.
3. رسائل الخطأ بالعربية وبجوار الحقل نفسه، مثل «اكتب رقم الهاتف كاملًا».
4. زر الإرسال الأساسي في الجهة التي تنتهي عندها القراءة، وزر الإلغاء أخف منه بصريًا.
5. قوائم الاختيار المنسدلة يظهر سهمها على اليسار، وتُفتح خياراتها محاذية لليمين.

ما الخط العربي المناسب لموقع طبي؟

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

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

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

هل القالب الجاهز الذي يدعم العربية يكفي؟

يكفي كبداية إن كان مبنيًا للاتجاهين من الأساس، لا مضافًا إليه ملف عربي لاحقًا. الفرق يظهر في التفاصيل التي لا تُرى في صور العرض التسويقية للقالب.

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

مثال: موقع عيادة عيون افتراضية في المنصورة

هذا مثال افتراضي للتوضيح. عيادة عيون اشترت قالبًا طبيًا إنجليزيًا وفعّلت عليه اللغة العربية. عند المراجعة على الهاتف ظهرت المشاكل التالية:

• رقم الهاتف في أعلى الصفحة يظهر وقد انتقل رمز الدولة إلى آخره.
• عناوين الخدمات بحروف متباعدة تبدو مقطعة.
• كلمة «LASIK» في بداية فقرة جعلت الفقرة كلها تبدأ من اليسار.
• رسالة «Required field» تظهر تحت حقول نموذج الحجز.
• شريحة صور العيادة تتحرك من اليسار إلى اليمين ويُسحب عكس المتوقع.

أُصلحت كلها في جلسة مراجعة واحدة مع المطور، بقائمة مكتوبة مثل القائمة التالية، دون الحاجة لتغيير القالب.

قائمة فحص RTL قبل إطلاق الموقع الطبي

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

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

نصمم مواقع طبية عربية مبنية للاتجاه الصحيح من البداية

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