لقد سمعت الكثير من الحديث عن شيء يسمى إمكانية الوصول. ربما سمعت عن أشخاص يقاضون شركات كبيرة لتقديم خدمات لا يمكن الوصول إليها. لكن هل تعرف بالضبط ما تعنيه إمكانية الوصول؟
لحسن الحظ ، ليس من الصعب فهم أو تنفيذ إمكانية الوصول ، بمجرد الالتزام بها. بمجرد أن تتعلم ماهية إمكانية الوصول ، يمكنك وضع هذه النظرية موضع التنفيذ عن طريق كتابة تطبيقات Vue.js يمكن الوصول إليها.
ما هو الوصول؟
تعد إمكانية الوصول كلمة رنانة شائعة على الويب ، ولكن ماذا تعني بالضبط؟ اتضح أن الاسم وصفي للغاية. إمكانية الوصول هي ببساطة مقياس لمدى إمكانية استخدام تطبيق الويب لجميع أنواع الأشخاص.
لا يختبر الجميع الويب بنفس الطريقة. يعاني بعض الأشخاص من إعاقات قد تؤثر على سمعهم أو بصرهم. لا يستطيع البعض الوصول إلى الأجهزة الحديثة أو الإنترنت عالي السرعة ، وغالبًا ما يحتاج الأشخاص إلى استخدام الويب في ظروف أقل من مثالية. تتعلق إمكانية الوصول بالتأكد من استمرار كل هؤلاء الأشخاص في استخدام تطبيق الويب بأكبر قدر ممكن من السلاسة.
لماذا الوصول مهم؟
تعد إمكانية الوصول مهمة لأنه عندما يكون التطبيق سهل الوصول إليه بشكل كبير ، يمكن أن يخدم أكبر عدد ممكن من الأشخاص. عندما يقدم شخص ما خدمة أو معلومات على موقع ويب ، فإن هدفه هو أن يستخدم الآخرون هذه الخدمة أو يقرأوا تلك المعلومات.
يضمن التحسين من أجل إمكانية الوصول أن عددًا قليلاً من الأشخاص غير قادرين على استخدام تطبيق الويب قدر الإمكان. علاوة على ذلك ، فإن تطبيقات الويب التي يسهل الوصول إليها يتم تصنيفها بشكل عام في مرتبة أعلى في نتائج البحث. وهذا يسمح لمزيد من الأشخاص بالعثور على المزيد من تطبيقات الويب التي يمكن الوصول إليها واستخدامها.
أخطاء المطورين الشائعة التي تضر بإمكانية الوصول
العديد من تطبيقات الويب أقل سهولة في الوصول مما يمكن أن تكون عليه. عادة ما يكون هذا نتيجة أخطاء من جانب أولئك الذين بنوها. بعض أخطاء إمكانية الوصول الشائعة التي يرتكبها المطورون عند إنشاء التطبيقات هي:
استخدام المكتبات التي يتعذر الوصول إليها
قد تعتمد على مكتبات الطرف الثالث لتوفير الوقت والجهد عند تطوير تطبيقاتك. لسوء الحظ ، لا تأخذ جميع المكتبات إمكانية الوصول على محمل الجد ، وقد يكون من الصعب تحديد الجيد منها. من السهل أن ينتهي الأمر بتقليل إمكانية الوصول إلى تطبيقاتك بهذه الطريقة عن طريق الخطأ.
إهمال HTML الدلالي عند بناء المكونات
HTML الدلالي هو HTML الذي يكون معناه وكذلك هيكله صحيحين. كل علامة HTML لها غرض متأصل تستخدمه التكنولوجيا المساعدة لاستنتاج معنى محتواها. على سبيل المثال ، تحدد علامة الرأس رأس موقع ويب. يجب أن يكون قارئ الشاشة قادرًا على الإعلان عن أن أي شيء داخل علامة الرأس هو رأس موقع ويب.
لسوء الحظ ، لا شيء يمنعك من استخدام علامة لغرض خاطئ. مثال شائع آخر هو استخدام علامة زر للعمل مثل ارتباط ، أو العكس.
تؤدي كتابة HTML بهذه الطريقة إلى الإضرار بإمكانية الوصول ، لأن التكنولوجيا المساعدة لم يعد بإمكانها التأكد من الغرض من أي عنصر HTML. قد ينتهي به الأمر إلى إنتاج مخرجات مربكة أو محبطة لمستخدمي التكنولوجيا. لتحقيق أقصى قدر من إمكانية الوصول ، يجب عليك دائمًا كتابة HTML الدلالية، حتى لو كان ذلك يعني المزيد من العمل.
لم يتم اختبار إمكانية الوصول
غالبًا ما يكون إنشاء تطبيق ويب مهمة شاقة بمواعيد نهائية صعبة. بين التسرع في إنهاء الميزات وعبء اختبار الجوانب الأخرى للبرنامج ، يأخذ اختبار إمكانية الوصول مقعدًا خلفيًا. قد تميل إلى نشر تطبيق في الإنتاج قبل اختباره بحثًا عن مشكلات إمكانية الوصول.
لماذا ا؟ يتطلب الاختبار وقتًا ، وقد يتطلب تغييرات شاملة في كود التطبيق. ولكن اختبار تطبيق ويب هو جزء لا غنى عنه من عملية التنمية. يجب أن تختبر إمكانية الوصول إلى تطبيقك بنفس الدقة مثل أي جانب آخر.
لحسن الحظ ، توجد أدوات للمساعدة في حل هذه المشاكل. يمكن أن تساعدك الأدوات الخمس التالية في كتابة المزيد من تطبيقات Vue.js التي يمكن الوصول إليها:
WAVE عبارة عن مجموعة من الأدوات التي تساعد المطورين على اختبار تطبيقاتهم تلقائيًا بحثًا عن مشكلات إمكانية الوصول. على الرغم من أن WAVE ليس بديلاً عن اختبار المستخدم النهائي ، إلا أنه لا يزال بإمكانه مساعدتك في مواجهة العديد من مشكلات الوصول.
توفر WAVE أداة اختبار عبر الإنترنت على موقعها على الإنترنت. كما يوفر ملحقات للمتصفح والعديد من الأدوات الأخرى للمساعدة في اختبار إمكانية الوصول للعديد من أنواع تطبيقات الويب.
العديد من الإشارات التي تستخدمها تطبيقات الويب لتوصيل النشاط ، مثل أشرطة التقدم ومؤشرات التحميل ، هي إشارات مرئية بحتة. الأشخاص الذين يعانون من إعاقات بصرية أو أولئك الذين يستخدمون برامج قراءة الشاشة لا يمكنهم إدراكها.
Vue-المذيع هي مكتبة تتيح لك الإعلان عن التغييرات في تطبيقات Vue.js الخاصة بك بطريقة يمكن للجميع الوصول إليها.
Vue-skip-to هي مكتبة تم إنشاؤها للسماح للأشخاص الذين يستخدمون قارئ الشاشة بالتخطي مباشرة إلى المحتوى الرئيسي لتطبيق Vue.js. هذا مفيد لأن العديد من تطبيقات الويب بها روابط تنقل وعناصر أخرى قبل المحتوى الرئيسي. يسهل على بعض المستخدمين تخطيها ، ولكنها قد تكون مزعجة ومحبطة عند استخدامها مع قارئ الشاشة.
ESLint هي أداة تساعدك على كتابة JavaScript بشكل أفضل من خلال تحليل التعليمات البرمجية الخاصة بك والتحقق من عدم وجود أخطاء فيها.
هذه الأداة عبارة عن مكون إضافي من ESLint يساعدك على ضمان توافق بنية مكونات Vue.js مع قواعد إمكانية الوصول.
عند التثبيت ، يحلل هذا المكون الإضافي جميع ملفات Vue.js ويشير إلى الكود المشكل. يمكنك بعد ذلك زيادة إمكانية الوصول إلى أقصى حد أثناء كتابة تطبيقاتك ، بدلاً من الاضطرار إلى تغيير الرمز بعد مرحلة الاختبار.
يعد استخدام مكتبات المكونات التي يتعذر الوصول إليها أحد المصادر الكبيرة لمشكلات إمكانية الوصول في التطبيقات. Vuetensils هي مكتبة لمكونات Vue.js.
تم تحسين هذه المكونات للحصول على الحد الأدنى من الحجم وإمكانية الوصول القصوى وسهولة الاستخدام وسهولة التصميم. يمكنك توفير الوقت واستخدام هذه المكونات المبنية مسبقًا دون الإضرار بإمكانية الوصول إلى تطبيقاتك.
سهولة الوصول في Vue.js
تتعلق إمكانية الوصول بالتأكد من أنه يمكن للجميع استخدام التطبيق الخاص بك في أي سياق. يعد تعظيم إمكانية الوصول أمرًا مهمًا للتأكد من إمكانية استخدام التطبيق من قبل أكبر عدد ممكن من الأشخاص.
غالبًا ما يرتكب المطورون أخطاء شائعة ولكن يمكن تجنبها في إمكانية الوصول عند إنشاء تطبيقاتهم. تتضمن المشكلات الشائعة عدم اختبار وكتابة HTML غير الدلالية. ولكن بمساعدة عدد قليل من الأدوات ، أصبح من الأسهل كتابة تطبيقات Vue.js سهلة الوصول للغاية.