إمكانية الوصول تعني أن يستطيع الجميع استخدام تطبيقك، بمن فيهم كبار السن ومستخدمو قارئات الشاشة وضعاف البصر ومن يستخدم يداً واحدة. في التطبيقات العربية ابدأ بخمسة أمور: تعريف لغة الصفحة واتجاهها بشكل صحيح، وخط عربي بحجم وتباعد كافيين، وتباين ألوان واضح، ونصوص بديلة وأسماء أزرار بالعربية، ونماذج وأخطاء تُقرأ بوضوح. ثم اختبر بنفسك باستخدام VoiceOver أو TalkBack باللغة العربية.
- تطبيق سهل الاستخدام لكبار السن
- كيف اخلي موقعي متوافق مع قارئ الشاشة
- معايير الوصول الرقمي للمواقع العربية
- تصميم تطبيق لذوي الاعاقة البصرية
- accessibility بالعربي
ما معنى إمكانية الوصول، ولماذا تهم التطبيق العربي؟
إمكانية الوصول (Accessibility) تعني أن يستطيع أي شخص استخدام تطبيقك أو موقعك: من يعتمد على قارئ الشاشة لأنه كفيف أو ضعيف البصر، ومن يكبّر الخط لأنه تجاوز الستين، ومن لا يميز بين الأحمر والأخضر، ومن يستخدم الجوال بيد واحدة وهو يقود عربة تسوق. الهدف بسيط: لا يُحرم أحد من الحجز أو الشراء أو الدفع بسبب تصميم كان يمكن إصلاحه.
في التطبيقات العربية تحديداً تتضاعف المشكلات. كثير من الأدوات والقوالب صُممت للإنجليزية أولاً، ثم عُكست للعربية على عجل. النتيجة: قارئ شاشة ينطق النص العربي بلكنة إنجليزية غير مفهومة، وأيقونات أسهم بالاتجاه الخطأ، وخط عربي صغير يتكدس فيه النقاط والحركات، وأزرار بلا أسماء لأن المصمم اعتمد على الأيقونة وحدها.
والأمر ليس عملاً خيرياً فقط. عائلات الخليج كثيراً ما يشتري فيها الابن أو الابنة نيابة عن الوالدين لأن التطبيق صعب عليهم. إذا استطاع الوالد أن يحجز موعد العيادة أو يطلب من المطعم بنفسه، فقد كسبت عميلاً مباشراً. وبعض الجهات الحكومية والمنظمة لها متطلبات خاصة بالوصول الرقمي، لذلك إن كنت تبني لجهة من هذا النوع فاسأل عن المعايير المطلوبة منذ البداية.
التصميم الذي يناسب الجد يناسب الحفيد، والعكس ليس صحيحاً دائماً.
مشكلات خاصة بالعربية وكيف تصلحها
المعيار العالمي المرجعي هو إرشادات WCAG، وهي تنطبق على كل اللغات. لكن هناك نقاطاً تظهر في العربية أكثر من غيرها، وهذه أهمها:
| المشكلة | لماذا تحدث | الإصلاح |
|---|---|---|
| قارئ الشاشة ينطق العربي بشكل خاطئ | لغة الصفحة معرّفة كإنجليزية أو غير معرّفة | عرّف لغة الصفحة كعربية واتجاهها من اليمين لليسار، وعرّف أي فقرة إنجليزية بلغتها |
| ترتيب القراءة مقلوب | التصميم عُكس بصرياً فقط دون تغيير ترتيب العناصر | اجعل الاتجاه RTL في البنية نفسها، لا بالحيل البصرية |
| النص العربي صغير ومتزاحم | حجم وتباعد مأخوذان من تصميم إنجليزي | حجم أساسي أكبر قليلاً وتباعد أسطر أوسع للعربية |
| أيقونات الأسهم بالاتجاه الخطأ | لم تُعكس أيقونات التنقل | اعكس أسهم «التالي» و«السابق» فقط، واترك الشعارات وأيقونات التشغيل كما هي |
| الأرقام والتواريخ تُقرأ بشكل مربك | خلط الأرقام والتواريخ داخل جمل عربية | صيغة ثابتة للأرقام، وتاريخ هجري وميلادي واضح مع اسم الشهر |
| الأزرار بلا اسم | زر بأيقونة فقط مثل القلب أو السلة | أعط كل زر اسماً عربياً تقرؤه الأجهزة المساعدة: «أضف للمفضلة» |
قائمة التحقق الأساسية لأي تطبيق عربي
- التباين: النص الأساسي داكن على خلفية فاتحة أو العكس، ولا نص رمادي فاتح على أبيض. الألوان الباهتة تختفي في شمس الصيف.
- الحجم والتكبير: التطبيق يحترم إعداد حجم الخط في الجوال، ولا تنكسر الصفحة عند التكبير.
- مساحات اللمس: الأزرار كبيرة بما يكفي للإصبع، مع مسافة بينها. إرشادات Apple وGoogle توصي بنحو 44 نقطة و48 وحدة على التوالي كحد أدنى.
- النص البديل: كل صورة مهمة لها وصف عربي قصير، مثل «عطر عود 100 مل في علبة ذهبية»، والصور الزخرفية تُترك صامتة.
- لا تعتمد على اللون وحده: حالة الطلب «ملغى» تُكتب بالكلمة وليس باللون الأحمر فقط.
- ترتيب التنقل: الانتقال بلوحة المفاتيح أو بالسحب في قارئ الشاشة يسير من اليمين لليسار ومن الأعلى للأسفل بشكل منطقي.
- الحركة: الرسوم المتحركة والسلايدرات التلقائية يمكن إيقافها، ولا شيء يومض بسرعة.
- العناوين: كل صفحة لها عنوان رئيسي واحد وعناوين فرعية مرتبة، لأن مستخدمي قارئات الشاشة يتنقلون بالعناوين.
إذا كان موقعك ثنائي اللغة فطبّق القائمة على النسختين، وتأكد أن زر تبديل اللغة نفسه مقروء ومكتوب بالطريقة التي يبحث عنها المستخدم: «English» في النسخة العربية و«العربية» في الإنجليزية. التفاصيل في بناء موقع ثنائي اللغة عربي وإنجليزي.
النماذج والتسجيل والدفع: أين يضيع المستخدم؟
معظم حالات التخلي عن الشراء بسبب صعوبة الاستخدام تحدث في النماذج: التسجيل، العنوان، رمز التحقق، الدفع. هذه الشاشات تستحق عناية مضاعفة.
- كل حقل له عنوان مكتوب فوقه دائماً، لا نص تلميح يختفي عند الكتابة.
- رسالة الخطأ تظهر بجانب الحقل وتشرح الحل: «رقم الجوال يجب أن يبدأ بـ 05 ويتكون من 10 أرقام»، لا «إدخال غير صالح».
- حقل رقم الجوال يفتح لوحة الأرقام، ويقبل الأرقام العربية والغربية معاً ويحوّلها تلقائياً.
- رمز التحقق OTP يُملأ تلقائياً من الرسالة حيث يدعم النظام ذلك، مع وقت كافٍ قبل انتهاء صلاحيته وزر واضح لإعادة الإرسال.
- العنوان الوطني أو مكاني يمكن إدخاله أو اختياره من الخريطة، مع بديل نصي لمن لا يستطيع استخدام الخريطة.
- أزرار الدفع (mada وApple Pay وTabby وTamara) لها أسماء مقروءة، والإجمالي النهائي مع الضريبة والتوصيل يُعلن بوضوح قبل التأكيد.
اختبر تطبيقك بنفسك في 30 دقيقة
لا تحتاج مختبراً متخصصاً لتكتشف أكثر المشكلات. جوالك يكفي لأول جولة:
- 1شغّل قارئ الشاشة بالعربية
فعّل VoiceOver على iPhone أو TalkBack على Android ولغة الجهاز عربية، ثم حاول إكمال طلب كامل وعيناك مغمضتان. هل كل زر يُنطق باسم مفهوم؟
- 2كبّر الخط لأقصى حد
ارفع حجم الخط من إعدادات الجوال وافتح التطبيق. هل تتداخل النصوص أو تختفي الأزرار خارج الشاشة؟
- 3جرّب يداً واحدة
استخدم إبهامك فقط. هل الأزرار المهمة في متناوله؟ هل تضغط على زر بالخطأ لأن الأزرار متلاصقة؟
- 4حوّل الشاشة للأبيض والأسود
من إعدادات إمكانية الوصول فعّل تدرج الرمادي. هل ما زلت تميز حالة الطلب والأخطاء والأزرار النشطة؟
- 5جرّب لوحة المفاتيح على الكمبيوتر
تنقل في الموقع بزر Tab فقط. هل ترى أين أنت؟ هل يمكنك فتح القائمة وإكمال الدفع؟
- 6اطلب من شخص أكبر سناً
اعطِ التطبيق لأحد الوالدين أو الأقارب دون شرح، وراقب أين يتوقف. هذه أصدق جلسة اختبار ستحصل عليها.
اطلبها من البداية: برومبت جاهز لفنّان
إصلاح إمكانية الوصول بعد الإطلاق أصعب من بنائها من أول يوم. عندما تصف تطبيقك لـوكيل فنّان اذكر متطلبات الوصول ضمن الوصف، كما تذكر الدفع واللغة. وإن كان التطبيق جاهزاً فاطلب مراجعة شاملة ثم إصلاحات صغيرة متتالية.
راجع التطبيق كاملاً من ناحية إمكانية الوصول بالعربية والإنجليزية. تأكد أن لغة كل صفحة واتجاهها معرّفان بشكل صحيح، وأن كل زر وأيقونة وحقل له اسم عربي واضح تقرؤه VoiceOver وTalkBack، وأن كل صورة منتج لها نص بديل عربي قصير. اجعل حجم الخط العربي الأساسي مريحاً مع تباعد أسطر واسع، وتباين الألوان قوياً، والأزرار بمساحة لمس كافية. اجعل رسائل الأخطاء في النماذج نصية وبجانب الحقل، ولا تعتمد على اللون وحده لحالة الطلب. اعرض لي قائمة بالمشكلات مرتبة حسب الأولوية قبل التعديل، ثم أصلحها على دفعات صغيرة.
جرّبه في فنّانأخطاء شائعة تقع فيها حتى التطبيقات الكبيرة
- نص رمادي فاتح أنيق على خلفية بيضاء
- أيقونات بلا تسميات في الشريط السفلي
- سلايدر عروض يتحرك وحده بسرعة
- صورة فيها نص العرض دون نص بديل
- نافذة منبثقة لا تُغلق إلا بإيماءة دقيقة
- تباين قوي مع لون علامتك في العناصر الثانوية
- أيقونة مع كلمة قصيرة تحتها
- عروض ثابتة يقلّبها المستخدم بنفسه
- نص العرض مكتوب في الصفحة نفسها
- زر إغلاق واضح ومسمّى «إغلاق»
وانتبه لشيئين في المحتوى نفسه: اكتب بلغة بسيطة وجمل قصيرة، فالفصحى المعقدة تتعب الجميع. ولا تكتب نصوص الأزرار بالإنجليزية داخل الواجهة العربية مثل «Submit»، فقارئ الشاشة سينطقها بطريقة مربكة. لأفكار في كتابة الواجهة اقرأ كيف تصف التصميم الذي تريده.
الخلاصة
- إمكانية الوصول تفيد الجميع: كبار السن، ومن يستخدم الجوال في الشمس، ومن يحمل طفلاً بيد واحدة.
- التطبيق العربي يحتاج تعريفاً صحيحاً للغة والاتجاه حتى تنطق قارئات الشاشة النص بالعربية.
- الخط العربي يحتاج حجماً وتباعد أسطر أكبر من اللاتيني ليبقى مقروءاً.
- كل زر وصورة وحقل يحتاج اسماً عربياً واضحاً، لا أيقونة صامتة.
- اختبار 30 دقيقة بقارئ الشاشة والتكبير يكشف معظم المشكلات قبل عملائك.
أسئلة شائعة
كيف اخلي موقعي متوافق مع قارئ الشاشة؟
هل في معايير رسمية للوصول الرقمي في السعودية والامارات؟
كيف اسوي تطبيق سهل الاستخدام لكبار السن؟
هل تحسين امكانية الوصول يبطئ التطبيق او يغير شكله؟
هل اقدر اصلح امكانية الوصول في تطبيق جاهز؟
اسأل مساعدك الذكي عن هذا الموضوع
انسخ هذا الطلب والصقه في مساعد الذكاء الاصطناعي الذي تستخدمه، ثم أضف تفاصيل حالتك.
أقرأ هذا الدليل: «إمكانية الوصول في التطبيقات والمواقع العربية: دليل عملي» https://fanann.com/ar/blog/accessibility-arabic-apps/ سؤالي: تطبيق سهل الاستخدام لكبار السن اعتمد على هذه الصفحة كمصدر واشرح لي الإجابة خطوة بخطوة بما يناسب حالتي، واذكر ما يجب أن أتحقق منه قبل أن أبدأ، واذكر رابط الصفحة كمرجع.