ضمان الجودة ودورها في خلق الموارد للأشخاص ذوي الإعاقة



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

أولاً ، دعنا نحدد المصطلحات.

"قياس الأثر الصحّي" - خيارات صحية محدودة. قد يكون لدى هؤلاء الأشخاص انحرافات في النمو البدني و / أو العقلي لطيف مختلف تمامًا. وفقا ل تقرير منظمة الصحة العالمية (منظمة الصحة العالمية) على HIA 2018:

  • يعاني أكثر من مليار شخص ، أي حوالي 15٪ من سكان العالم ، من شكل ما من أشكال الإعاقة.
  • من 110 إلى 190 مليون بالغ يعانون من صعوبات في التنقل ومشاكل في الرؤية / السمع ، إلخ.
  • يعيش في روسيا أكثر من 12 مليون شخص معاق (معظمهم من البالغين).

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

وهنا سؤال وجواب وماذا يمكننا أن نفعل


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

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

  • يوجد الكثير من الأشخاص ذوي الإعاقة على الإنترنت كل يوم ، وهذه المراجعة ستسمح لهم باستخدام المنتج دون مشاكل ،
  • سيساعد التكيف المنتج على التميز بين المنافسين ،
  • يمكن أن يؤثر المنتج المكيّف بشكل إيجابي على عدد المستخدمين ويؤثر على تصنيف الشركة ككل ،
  • , , , . ,
  • “accessibility id” ( iOS) iOS ,
  • , .

?


تم وصف المعايير التفصيلية لامتثال المنتج في دليل الوصول إلى محتوى الويب (WCAG).

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

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

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

على سبيل المثال ، كيف تعرف ما إذا كان الشخص المصاب بمرض deuteranomaly ( حالة رؤية تتميز بانخفاض طفيف في الحساسية لموجات الطيف الأخضر ) أمر طبيعي لرؤية عناصر الصفحة؟ لحل هذه المشكلة ، أداة NoCoffee مناسبة.

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

NoCoffee مع NoCoffee ، يمكنك التحقق من العرض للأشخاص الذين يعانون من جميع أنواع عمى الألوان: protanomaly ، protanopia ، deuteranomialia ، deuteranopia ، tritanomaly ، tritanopia، achromatopsia، tetrachromatia. من الممكن محاكاة العديد من العيوب البصرية / أمراض العيون والعوامل الخارجية الأخرى: انخفاض حدة البصر ، وإعتام عدسة العين ، وتباين الذروة المنخفض ، الرأرأة ، عيوب المجال البصري.

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

أمثلة على "إعدادات لوحات HIA"


صندوق المعاشات في روسيا

صورة

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

يركز الموقع على عمل قارئي الشاشة ، وهو مناسب تمامًا لعملهم ، ولكن أكثر في ذلك لاحقًا.

VTB

صورة

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

جمعية الأشخاص ذوي الإعاقة لعموم روسيا

صورة

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

تذكرة WorldSkills للمستقبل

صورة

لقد عملنا على الموقع الإلكتروني لمشروع WorldSkills Ticket to the Future. قمنا هنا بتنفيذ إعدادات عرض عناصر الصفحة للأشخاص ذوي الإعاقة. بالإضافة إلى تغيير لون العناصر ، هناك أيضًا تصميم منفصل (يختلف عن المعيار) لعرض العناصر عند تبديل الألوان.

بالإضافة إلى ضبط سمات الألوان ، في لوحات HIA عادة ما تكون هناك وظيفة لزيادة حجم النص ، وظيفة تشغيل / إيقاف عرض الصور ( هذا في كل الأمثلة أعلاه ).

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

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

العودة إلى اختبار إمكانية الوصول


أداة اختبار جيدة أخرى هي الفأس .

تم تصميم الفأس للتحقق من امتثال موقع أو تطبيق لإرشادات WCAG 2. هذا امتداد للمتصفحات ، فهو مثبت حاليًا أكثر من 100000 مرة ويحمل تصنيف 4.5.

كيف يعمل الفأس

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

كشف تحليل إحدى صفحات خدمة الدولة عن 10 عدم امتثال لمتطلبات WCAG. يمكننا أن نفترض أن الموقع ملائم بشكل جيد للأشخاص ذوي الإعاقة:
صورة

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

يحتوي موقع جمعية عموم المعوقين لعموم روسيا على 69 تناقضًا مع توصيات WCAG.
صورة

ماذا نحصل بعد تحليل الفأس:
  • . : , WCAG 2.
  • .


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

مثال جيد هو "Gosulugi":
صورة

توضح الصورة كيفية التنقل عبر عناصر الصفحة بالتسلسل وبالترتيب الصحيح باستخدام مفتاح Tab.

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

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

يتأثر التشغيل الصحيح لقارئات الشاشة في المقام الأول بما يلي: عدم استخدام سمة alt للصور وعلامات الرؤوس واستخدام العناصر لترميز النماذج وتلميحات الأدوات والمزيد.

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

مواد مفيدة


إرشادات الوصول إلى محتوى الويب (WCAG) 2.0 - مستند تنظيمي يعتمد على البرامج التي تم تطويرها للأشخاص ذوي الإعاقة ؛

WebLind هو مورد جيد حول تطوير موقع لذوي الإعاقة البصرية.

إرشادات - مورد للمطورين والمديرين والمصممين حول تنفيذ الموقع للأشخاص ذوي الإعاقة.

مجموع


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

كيف يمكن الوصول إلى موقعك أو تطبيقك؟ هل تستخدم أي أدوات اختبار؟

All Articles