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

فهم إمكانية الوصول إلى برامجيات التنمية

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

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

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

المبادئ الأربعة المتعلقة بإمكانية الوصول (المجموعة)

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

  • Perceivable: ] Information and user interface components must be presentable to users in ways they can perceive. This means that no information should be hidden to all of a user's senses. For example, provide text alternatives for non-text content, such as alt text for images or capilles for audio. Ensure that content can be presented in different ways without lose
  • Operable:] User interface components and navigation must be operable. Users must be able to interact with all controls and navigate the application using a variety of input methods, including keyboard, mouse, touch, or voice. This includes avoid content that causes seizures (like flashing animations) and providing enough time to read and interact with content.
  • Understandable:] Information and the operation of the user interface must be understandable. Text should be readable and predictable. Texts should function in consistent ways, and errors should be clearly explained with suggestions for correction. For example, form validation messages should be descriptive and placed near the relevant input field.
  • Robust:] Content must be robust enough to be interpreted reliably by a wide variety of user agents, including assistive technologies. this means using proper semantic markup, valid code, and ensuring compatibility with current and future browsers, screen readers, and other tools. Use standard web technologies and avoid deprecated or propriet features.

وتقسم هذه المبادئ أيضا إلى مستويات مطابقة: ألف (الحد الأدنى)، وألف (المعدل)، وألف ألف (المعدل)، وألف ألف (الأفضل)، ومعظم المتطلبات القانونية ومعايير الصناعة تستهدف الامتثال للمجموعة 2-1 من المستوى ألف ألف ألف ألف ألف.

الاستراتيجيات العملية لبناء التطبيقات الميسرة

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

Use Semantic HTML

Semantic HTML tags like , , , , and help screen readers and other assistive technologies understand the structure of your content, making it easier for users to navigate. For example, a element

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

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

Provide Text Alternatives for Non-Text Content

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

For icons used as blues or controls, ensure they have accessible names. For example, if a magnifying glass icon is used for a search blue, the HTML should include or a visually hidden text like .

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

ضمان إمكانية الوصول إلى اللوحات الرئيسية

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

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

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

Color and Contrast

ويحتاج تناقض اللون الكافي إلى مستعملين ذوي الرؤية المنخفضة أو العمى اللون. ويحتاج المستوى ألف ألف من المؤشر 2-1 إلى نسبة متناقضة لا تقل عن 4.5:1 للنص العادي و3:1 للنص الكبير (18px الجريء أو 24px) والأدوات المستخدمة مثل [(FLT:0]] WebAIM Contrast checker ) أو أدوات تطوير برودة مبنية للتحقق من التباين.

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

Ensure that color combinations are accessible for users with different types of color blindness. Use patterns, icons, and labels in addition to color. Tools like Color Oracle] can simulate various color vision deficiencies.

Use ARIA Roles and Properties Wisely

(أ) تطبيقات الإنترنت الأثرية الميسرة توفر مجموعة من السمات التي تكمل نظام HTML لتحسين إمكانية الوصول إلى المحتوى الدينامي والضوابط المعقدة للمستعملين، على سبيل المثال، [(FLT:21]، ، ، [(FLT:24]، و، هي في الواقع، أدوات قوية.

(أ) أن تضمن، عند بناء عناصر عرفية (مثل لوحة مزروعة أو لوحة تابوتية) أن تكون لها الأدوار الصحيحة، والولايات، والممتلكات، وأن تستخدم ] ممارسات الترخيص كدليل، وأن تختبر دائماً تنفيذات المبادرة مع قارئين للشاشة.

أشكال الوصول المولدة

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

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

وبالنسبة للأشكال المعقدة، تُدخلها في خطوات ذات مؤشرات تقدم واضحة، ولا تستخدم التركيز الآلي إلا عندما تساعد المستعملين، لأن التركيز المتحرك يمكن أن يُضعف مستخدمي الشاشة بشكل غير متوقع.

التصميم المستجيب والمقدار

ويعني الوصول أيضا ضمان أن يعمل المحتوى في مختلف أحجام الشاشة ومستويات الحدوث وأفضليات المستعملين. وكثيرا ما يزيد المستعملون ذو الرؤية المنخفضة من الحدوث المصفوف إلى 20 في المائة أو أكثر، ويصممون تطبيقكم على نحو سليم بحيث يظل قابلا للاستخدام وقراءة بنسبة 400 في المائة دون اشتراط التكسير الأفقي (المقياس النهائي للنجاح 1.4-10) ويستخدمون وحدات نسبية مثل [FT:32] أو [[9]

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

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

الاختبار والتحسين المستمر

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

أدوات الاختبار الآلية

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

(أ) إدماج عمليات التحقق الآلية من إمكانية الوصول إلى خط التكامل المستمر الخاص بك للقبض على التراجع قبل وصولها إلى الإنتاج، ويمكن للعديد من أطر الاختبار، مثل سيبريب وجيست، أن تتضمن محوراً أساسياً لمراجعة الحسابات الآلية.

دليل الاختبارات المتعلقة بالتكنولوجيات المساعدة

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

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

المستعملون المعوقون

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

:: إيجاد ثقافة التصميم الشامل في منظمتكم، وتوفير التدريب للمصممين والمطورين وموظفي الوكالة بشأن مبادئ الوصول وأفضل الممارسات، وينبغي أن تكون إمكانية الوصول مسؤولية مشتركة، لا تُنقل إلى أخصائي واحد.

خاتمة

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

(ب) أن تبدأ على نحو صغير: اختيار واحدة من الاستراتيجيات المبينة أعلاه وتنفيذها في مشروعك المقبل، مع بناء الكفاءة، وتوسيع نطاق جهودكم، وتذكر أن إمكانية الوصول تعود بالفائدة على جميع المستعملين، وكل خطوة نحو الإدماج تجعل العالم الرقمي مكاناً أفضل، وللاطلاع على مزيد من القراءة، يرجى الرجوع إلى [(FLT:0]) و()