🧔🏿 💮 💔 كيف أجرينا اختبار إمكانية الوصول في Alfa Digital 👓 ☪️ 🔌

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

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

وهذه هي الطريقة التي اختبرنا بها.

المستخدمون والسيناريوهات

بادئ ذي بدء ، قمنا بدعوة الأشخاص ذوي الإعاقة البصرية (من المجموعات المختلفة) للاختبار.

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

الفئتان الثانية والثالثة ضعاف البصر ، والتي ، اعتمادًا على المرض ، تستخدم هذه الأجهزة أو تديرها بنجاح بدونها.

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

لذلك ، اجتمعنا وجلسنا لاختبار معهم السيناريوهات الأربعة الأكثر شيوعًا لاستخدام Alpha Mobile. ها هم:

إذن التطبيق
فحص الرصيد
عرض حساباتك (التاريخ والحالة)
إعادة شحن حساب الجوال

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

طرق وأدوات الاختبار

هناك GOST R 52872-2012 خاص ، "متطلبات إمكانية الوصول للمعاقين بصريًا" ، والذي يصف جميع المعايير بتفاصيل كافية. هذا هو ما نستخدمه ، مع تعيين كل خطأ موجود تسمية مماثلة. في المجموع ، تم تقسيم جميع المشاكل التي تم العثور عليها إلى ثلاث فئات.

مشكلة في التصميم. على سبيل المثال ، عند مدخل بنك الهاتف النقال ، هذه هي النافذة المعتادة لكل شخص لإدخال الرمز السري ، ولا تركز على حقل الإدخال ولا يقول الشخص بصوت عالٍ كم عدد محاولاته لإدخال الرقم السري.

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

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

مشكلة التباين. على سبيل المثال ، هنا ، حتى مع الرؤية العادية ، من الصعب قراءة النص. يجب عليك التخلص من هذا وأخذ هذا في الاعتبار على الفور.

"
كانت هناك أربع خطوات رئيسية في عملنا:

جمعت مجموعة من المختبرين (7 أشخاص) وتراجعت عن التطبيق
تم فصلها عن فروع التطوير وحللت المشكلات والعناصر
كتبوها على لوحة واحدة ، مع تحديد الأولويات
بدأت الحرجة في التحرير

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

ثانيًا ، هناك Xcode مع مفتش إمكانية الوصول ، تعرض هذه الأداة عرضًا محددًا للأزرار والعناصر عند التمرير فوق الشاشة ، يمكنك قراءة كل شيء بسرعة وفهم ما إذا كان سيتم التعبير عنه بشكل صحيح. في الواقع ، في حالتنا ، كانت هذه هي المشكلة الرئيسية - توقيع الأزرار لـ VoiceOver.

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

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

يتم تحديد مستوى توفر البرنامج النصي من خلال المشكلة الأكثر أهمية.

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

كيف تتجنب عيوب الوصول؟

أولاً ، استخدم بروتوكول عنصر الوصول إلى واجهة المستخدم.

ثم تحتاج إلى تحسين Voice Over (وظيفة Makoshi خاصة تساعد المستخدم المعاق بصريًا على العمل باستخدام الأوامر الصوتية ولوحة المفاتيح):

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

إليك ما نوصي به أيضًا:

1. الأزرار - .accessibilityLabel

يجب إعطاء كل زر اسمًا قصيرًا ورنينًا . سيتحفظ VoiceOver ، إذا نسيت ، فسيحاول قراءة النص أو اسم الرمز على الزر.

ما تحتاجه للتوقيع:

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

2. القيم - .accessibilityValue

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

3. نصائح - .accessibilityHint

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

يتم التعبير عن الزر كـ "إلى بنك آخر" ، للتوضيح ، يمكنك ترك تلميح ونوع التحويل ومدى السرعة وما إلى ذلك.

4. ضوابط المجموعة - .الوصول

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

تحتوي الخلية الآن على عدة حقول: البطاقة والمال والاسم ، 3 عناصر تحكم لكل خلية. من الضروري التعميم أنه كانت هناك خلية واحدة واسم ، لذلك اتضح أنه أقرب إلى المعنى.

كيف تصلحها؟

جعل الخلية بأكملها التحكم في الوصول إليها. بشكل افتراضي ، تكون كل المشاهدات عبارة عن حاويات للعناصر الأخرى فقط ؛ يتجاهلها VoiceOver. لوضع علامة على العرض كعنصر نهائي ، يجب عليك تعيين الخلية isAccessibilityElement = true.
قم بتسمية الخلية. لم يعد بإمكانك التركيز على الملصق ، لذلك تحتاج إلى تحديد النص يدويًا. accessibilityLabel = specialOffer.title

يمكنك تبسيط:

جعل الخلية بأكملها التحكم في الوصول إليها. تعيين الخلية isAccessibilityElement = true
في AccessibilityLabel ، اكتب أهم شيء: اسم البطاقة والحساب. مفصولة بفواصل ، يأخذ VoiceOver علامات الترقيم في الاعتبار.
في إمكانية الوصول حدد القيمة معلومات إضافية ، في حالتنا هذه هي الحساب ، كم من المال.
تشير إلى أنه يمكن الضغط على الخلية ، أي هذا هو في الأساس زر. accessibilityTraits = .button

مجموع

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

من الرائع أيضًا أن هذه القصة ساعدتنا في جذب مثل هؤلاء الأشخاص - غالبًا ما يرسلون إلينا تعليقات ، ويساعد عدد من المستجيبين الآن في اختبار Alfa Mobile بشكل مستمر.

نحن نعمل أكثر.

كيف أجرينا اختبار إمكانية الوصول في Alfa Digital

المستخدمون والسيناريوهات

طرق وأدوات الاختبار

كيف تتجنب عيوب الوصول؟

مجموع

More articles: