تجربة عربية

لماذا يبدأ الموقع العربي من RTL؟

فهم الاتجاه من البداية يصنع تجربة عربية طبيعية، لا نسخة معكوسة من واجهة أجنبية.

·4 دقائق
#RTL#تصميم عربي#تجربة المستخدم
صورة توضيحية للمقال

شارك المقال

RTL قرار في البنية، وليس في المحاذاة

عندما نضع dir="rtl" على المستند من البداية، تصبح اللغة العربية جزءًا من طريقة بناء الواجهة. القوائم، المسافات، ترتيب العناصر، ومسار القراءة تعمل معًا بدل أن تكون إصلاحات لاحقة.

استخدم الخصائص المنطقية

استخدم margin-inline وpadding-inline وborder-inline-start بدل الاتجاهات الثابتة. بهذه الطريقة تظل المكونات قابلة لإعادة الاستخدام عندما تحتاج إلى عرض كود أو محتوى بلغة LTR.

اعزل المحتوى التقني

الأرقام، الأكواد، عناوين البريد، وروابط المستودعات تحتاج غالبًا إلى dir="ltr" مع unicode-bidi: isolate. هذا يحافظ على ترتيبها ويمنع اختلاطها بالنص العربي.

RTL-first ليس قيدًا على التصميم؛ إنه الأساس الذي يجعل المنتج العربي يبدو طبيعيًا.

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

ملخص سريع

ملخص توصيات بناء موقع عربي سريع
العنصرالتوصيةالأثر
البنيةStatic HTMLاستجابة أسرع
الصورImage وPictureحجم أقل وCLS أفضل
الاتجاهRTL من المستندتجربة عربية طبيعية

أسئلة شائعة

أسئلة قبل التطبيق

هل أحتاج إلى تطبيق كل الخطوات؟+

ابدأ بالخطوة التي تحل أكبر مشكلة في مشروعك، ثم حسّن تدريجيًا.

هل هذه التوصيات مناسبة للمواقع الصغيرة؟+

نعم، صممت لتبدأ بها المشاريع الصغيرة ثم تتوسع عند الحاجة.

اقرأ المزيد

مقالتان قد تهمانك

كل المقالات ←