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

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

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

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

ماذا تعني المواقع التي يمكن الوصول إليها؟

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

أهمية ولوجية الويب

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

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

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

الوصول إلى الويب للأشخاص ذوي الإعاقة

بناء مواقع يمكن الوصول إليها: أفضل الممارسات وإضافات WordPress

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

1. اختر موفر استضافة ويب سريعًا وموثوقًا

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

إذا كنت تنوي إنشاء موقع ويب أو مدونة تجارية. لا تتردد في إنفاق بعض الدولارات الإضافية. قم بالتسجيل للحصول على مزود استضافة WordPress أكثر موثوقية ومُدار.

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

2. اختر Accessibi1e CMS

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

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

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

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

إرشادات Web Accessibi1ity للمصممين تبدأ إمكانية الوصول إلى الويب الرائعة في التصميم.

يعد التصميم أحد أهم الأجزاء في أي موقع ويب. لا تنس اتباع أفضل الممارسات. إذا كنت ستستخدم WordPress ، فيمكنك أيضًا تثبيت Accessibility Ready Themes.

1 هيكل عنوان الخطة مبكرًا : تأكد من أن كل المحتوى والتصميم يتناسبان مع هيكل عنوان منطقي.

2 ضع في اعتبارك ترتيب القراءة : يجب أن يكون ترتيب القراءة هو نفسه الترتيب المرئي.

3 توفير تباين جيد : كن حذرًا بشكل خاص مع درجات الألوان الفاتحة من الرمادي والبرتقالي والأصفر.

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

5 راقب استخدام الأحرف الكبيرة : يمكن أن يكون من الصعب قراءة جميع الأحرف الكبيرة ويمكن قراءتها بشكل غير صحيح بواسطة برامج قراءة الشاشة.

6 استخدام حجم الخط المناسب : يمكن أن يختلف حجم الخط بناءً على الخط المختار ، وعادةً ما تكون 10 نقاط هي الحد الأدنى. لضمان سهولة القراءة ، يجب أن يكون حجم الخط على موقع الويب الخاص بك ، على الأقل ، هو الحجم الافتراضي للمتصفح وهو 16 بكسل (100٪).

فيديو: آفاق الوصول إلى الويب: نص قابل للتخصيص

7 تذكر طول الخط : لا تجعلها طويلة جدًا أو قصيرة جدًا

8 تأكد من إمكانية التعرف على الروابط المؤكدة : قم بتمييز الروابط في نص الصفحة باستخدام تسطير أو أي شيء آخر غير اللون وحده.

شاهد الفيديو التالي لمعرفة المزيد حول آفاق ولوجية الويب: ارتباطات وأزرار وعناصر تحكم كبيرة.

9 مؤشرات تركيز ارتباط التصميم : تأكد من قدرة مستخدمي لوحة المفاتيح على تحديد الروابط بشكل مرئي عند التنقل باستخدام لوحة المفاتيح.

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

11 تأكد من أن نص الرابط يجعله منطقيًا : تجنب "انقر هنا" أو نص ارتباط غامض آخر ، مثل "المزيد" أو "متابعة".

12 استخدم الرسوم المتحركة والفيديو والصوت بعناية : وفر زر تشغيل / إيقاف مؤقت. تجنب محتوى aring أو المحتوى الذي يمكن أن يسبب نوبات. قدم تسميات توضيحية ونصوصًا لجميع مقاطع الفيديو والمحتوى الصوتي.

13 لا تنقل المحتوى بالألوان وحدها : لا يستطيع المستخدمون غالبًا تمييز ألوان الصفحة أو تجاوزها.

14 عناصر تحكم النموذج التي يمكن الوصول إليها في التصميم : تأكد من احتواء عناصر التحكم في النموذج على تسميات وصفية وإرشادات ورسائل التحقق من الصحة / الخطأ.

15 من قوائم التنقل المستجيبة : تأكد من أن قوائم التنقل الخاصة بك مستجيبة تمامًا وسهلة الاستخدام. ضع عناصر قائمة التنقل بطريقة منطقية ومتسقة. اجعلها متاحة عبر لوحة المفاتيح.

16 نص بديل للروابط والصور : قم دائمًا بتحسين صورك للويب. استخدم مكونات WordPress لتحسين الصور أو الخدمات عبر الإنترنت مثل tinypng لضغط صورك لتقليل حجم الصورة.

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

17 اجعل موقع الويب مستجيبًا : تأكد من أن المستخدمين يمكنهم الوصول إلى موقع الويب الخاص بك عبر الأجهزة المحمولة ويمكنهم قراءة كل المحتوى الخاص بك بسهولة. اجعل موقع الويب الخاص بك مستجيبًا لاستعلامات وسائط CSS3 أو استخدم مكون WordPress الإضافي لجعل موقع الويب الخاص بك مستجيبًا.

سلسلة الفيديو الخاصة بآفاق ولوجية الويب

نشرت W3C Web Accessibility Initiative (WAI) 11 مقطع فيديو حول تصميم الويب الذي يمكن الوصول إليه. هذه قائمة تشغيل كثيرة لكل مصمم ويب ومدون لمعرفة كيفية إنشاء مواقع ومدونات يمكن الوصول إليها وإنشاء تجربة مستخدم أفضل.

في قائمة تشغيل YouTube هذه ، يمكنك التعرف على الموضوعات التالية.

1. تعليق على الفيديو
2. الألوان مع تباين جيد
3. ارتباطات وأزرار وعناصر تحكم كبيرة
4. نص قابل للتخصيص
5. توافق لوحة المفاتيح
6. تخطيط وتصميم واضح
   7 الإخطارات والتعليقات
7. النص إلى الكلام
8. محتوى مفهوم
9. التعرف على الصوت
10. تجميع 10 مواضيع / مقاطع فيديو

بناء مواقع يمكن الوصول إليها - إضافات وثيمات WordPress

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

ثيمات WordPress جاهزة لإمكانية الوصول:

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

مدقق الوصول إلى الويب WordPress Plugins

1. يعد WP Accessibility أحد أكثر المكونات الإضافية المجانية والمحدثة شيوعًا والتي تساعد في مجموعة متنوعة من مشكلات الوصول الشائعة في قوالب WordPress.

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

2. أنماط سمة إمكانية الوصول لـ WordPress : تتوفر مجموعة من الأنماط المجانية في Github لإنشاء سمات WordPress جاهزة للوصول.

الأنماط التالية متاحة للتنزيل المجاني.

• نموذج التعليق مع JS Aria لتضمين التسمية في استجابة ARIA
• القوائم المنسدلة هي نمط مجاني لقوائم منسدلة يمكن الوصول إليها لموضوع WordPress الخاص بك.
• جينيسيس تخطي الرابط
• لوحة مفاتيح القائمة Arrow Nav: اقرأ هذه المقالة للتعرف على كيفية إضافة سهم إلى قوائم التنقل.
• قراءة المزيد من الروابط: اقرأ كيفية تخصيص رابط قراءة المزيد وإظهار مقتطفات مشاركة ووردبريس.
• قائمة الاستجابة هي أداة تضيفها إلى سمات WordPress الخاصة بك.
• تخطي الارتباط

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

3. Theme-a11y-Tester : بيئة لاختبار سمات WordPress لمتطلبات الوصول الجاهز.

A11y-Theme-Unit-Test : هذا إصدار من اختبار WordPress Theme Unit تم ضبطه لاختبار إمكانية الوصول الأكثر كفاءة.

4. البرنامج المساعد للقائمة المستجيبة هو مكون إضافي شهير ومجاني وقابل للتخصيص للغاية لقائمة مستجيبة لـ WordPress ، مع أكثر من 120 خيارًا قابلاً للتخصيص.

5. نموذج الاتصال 7: الافتراضيات التي يمكن الوصول إليها عبارة عن مكون إضافي مجاني لاستبدال نموذج جهة الاتصال 7 الافتراضي بنموذج يمكن الوصول إليه ، ويوفر مجموعة من النماذج الأساسية القابلة للتحديد.

6. يمكن لحقول نموذج WCAG 2.0 لنماذج Gravity تعديل حقول النموذج وتحسين التحقق من الصحة بحيث تلبي النماذج متطلبات إمكانية الوصول WCAG 2.0.

7. Accessible Video Library عبارة عن مكون إضافي مجاني لبرنامج WordPress لإدارة مقاطع الفيديو بما في ذلك التسميات التوضيحية والنصوص والعناوين الفرعية لكل مقطع فيديو.

أدوات مدقق الوصول إلى الويب وإضافات المستعرض

فيما يلي بعض اختبارات إمكانية الوصول المجانية لمتصفح Chrome

1. أدوات مطوري الوصول

2. A-Tester - أداة ولوجية الويب WCAG 2.0

3. أداة التقييم WAVE

4. فأس

5. ChromeVox

المزيد من الموارد

فيما يلي بعض الموارد الرائعة لمعرفة المزيد حول إنشاء مواقع ويب يمكن الوصول إليها.

قم بزيارة مدونة الوصول إلى WordPress ودليل الوصول إلى WordPress لمعرفة المزيد حول WordPress وإمكانية الوصول.

لقد كتبت أيضًا مقالًا في مدونة Pagely How To Create Accessible WordPress Websites

عمى الألوان وتصميم الويب مقال رائع في usability.gov