أدوات لجعل موقع الويب الخاص بك في متناول جميع المستخدمين

يمكن أن تكون شبكة الويب العالمية بدون حواجز مكانًا رائعًا للجميع. ماذا عن موقع الويب الخاص بك - هل يتبع إرشادات الوصول إلى الويب؟

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

سيُلخص هذا المنشور كل ما تريد معرفته حول إمكانية الوصول (اختصار a11y): ما الذي يعنيه إتاحة الوصول إلى موقع الويب الخاص بك ، وما هي أدوات الوصول المتاحة بناءً على نظام إدارة المحتوى الخاص بموقعك (وحدات دروبال وإضافات WordPress) ، وأكثر من ذلك بكثير.

ماذا يعني أن يكون موقع الويب قابلاً للوصول؟

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

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

لماذا الوصول مهم لموقع الويب؟

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

كيف أضيف إمكانية الوصول إلى موقع الويب الخاص بي؟

لتسهيل الوصول إلى موقع الويب الخاص بك ، يجب عليك اتباع WCAG (إرشادات الوصول إلى محتوى الويب). إنها معايير الويب الدولية التي تتبنى كل جانب من جوانب تفاعل موقعك مع المستخدمين الذين يعانون من إعاقة.

تم تقديم WCAG إلينا من خلال مبادرة الوصول إلى الويب (WAI) التابعة لاتحاد شبكة الويب العالمية (W3C). وهي تستند إلى أربعة مبادئ أساسية:

• المحتوى يمكن إدراكه
• عناصر الواجهة قابلة للتشغيل
• المحتوى والضوابط مفهومة
• المحتوى قوي بما فيه الكفاية

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

بالنظر إلى كل ما سبق ، إليك بعض الأشياء الأساسية المطلوبة منك لتسهيل الوصول إلى موقع الويب الخاص بك:

• مكافئات النص للمحتوى غير النصي (علامات ALT للصور ، والتعليقات التوضيحية لمقاطع الفيديو ، ونصوص التسجيلات الصوتية ، وما إلى ذلك)
• ترميز HTML المناسب (مع استخدام WAI-ARIA عند الضرورة)
• تخطيط منطقي
• ضوابط لوحة المفاتيح
• تسميات مجال واضحة
• رسائل خطأ إعلامية
• لغة واضحة وبسيطة
• نصوص ارتباط إعلامية
• تباين ألوان كافٍ
• تغيير حجم النص
• حجم الصوت قابل للتعديل
• لا توجد وسائط تشغيل تلقائي
• مزيد من الوقت لإكمال الإجراءات العادية

وأكثر بكثير.

أدوات لتسهيل الوصول إلى موقع ويب Drupal أو WordPress الخاص بك

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

نظرًا لأن الخبرة الرئيسية لوكالتنا هي Drupal و WordPress ، فسنقوم بإدراج مجموعة من الإضافات المفيدة لكل من CMSs - وحدات Drupal ومكونات WordPress الإضافية التي تجعل موقع الويب الخاص بك أكثر شمولاً وتوافقًا.

وحدات الوصول دروبال

نص بديل تلقائي

تنشئ وحدة النص البديل التلقائي نصوصًا بديلة لوصف الصور باستخدام Microsoft Azure Cognitive Services API. هذا مثال على كيف يساعدك الذكاء الاصطناعي في تسهيل الوصول إلى موقع الويب الخاص بك.

مدقق الوصول CKEditor

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

حظر أدوار ARIA لاندمارك

يصبح استخدام WAI-ARIA في ترميز موقعك أكثر تقدمًا مع وحدة Block ARIA Landmark Roles Drupal. يمكن تعيين دور معلم ARIA و / أو تسميات ARIA مباشرة في نموذج تكوين الكتلة لكل كتلة في تخطيط موقعك.

تباين عالي

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

تغيير حجم النص

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

حجم النص (دروبال 7 فقط)

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

htmLawed

يعد ترميز HTML المناسب أمرًا ضروريًا في إتاحة الوصول إلى موقع الويب الخاص بك. تمنحك وحدة htmLawed Drupal تحكمًا قابلاً للتخصيص بدرجة عالية في HTML الخاص بك. يستخدم مكتبة htmLawed PHP لتقييد وتنقية الكود.

الإضافات الخاصة بإمكانية الوصول في WordPress

WP إمكانية الوصول

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

مساعد الوصول WP (WAH)

إليك مكون إضافي متعدد الأغراض مع أدوات a11y الأساسية - WP Accessibility Helper (WAH). يضيف شريط أدوات وصول سهل الاستخدام إلى موقعك. من بين ميزاته الرئيسية قائمة تخطي الروابط والخطوط القابلة للتعديل وتباين الألوان ومسح أخطاء إمكانية الوصول والمزيد.

إمكانية الوصول عن طريق UserWay

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

أداة الوصول

يضيف المكوِّن الإضافي Accessibility Widget عنصر واجهة مستخدم للشريط الجانبي للسماح للمستخدمين بجعل حجم النص أكبر أو أصغر بسهولة في موقع الويب الخاص بك على WordPress. يوفر خيارات النص "صغير" و "متوسط" و "كبير".

تشكل حقول WCAG 2.0 لنماذج الجاذبية

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

قارئ الشاشة WCAG أدوات الوصول

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

أدوات الوصول لـ WP & مكتشف النص البديل المفقود

إليك مكون إضافي يساعدك على جعل موقع الويب الخاص بك قابلاً للوصول بعدة طرق. توفر WP Accessibility Tools & Missing Alt Text Finder مكتشف النص البديل المفقود ومدقق نسبة التباين وقائمة مراجعة الامتثال والتدقيق الآلي لإمكانية الوصول والمزيد.

إمكانية الوصول إلى SOGO

يقوم المكون الإضافي SOGO Accessibility الخاص بـ WordPress بمسح رمز موقع الويب الخاص بك وإضافة دعم إمكانية الوصول تلقائيًا. يستخدم JS و CSS لتحسين أو تمكين ميزات إمكانية الوصول.

خبراؤنا مستعدون لجعل موقع الويب الخاص بك سهل الوصول إليه

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

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