كيفية جعل موقع WordPress الخاص بك سهل الوصول إليه

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

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

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

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

هيا بنا نبدأ!

تحقق من دليل الفيديو الخاص بنا للوصول إلى موقع الويب

ما تعنيه إمكانية الوصول إلى الويب

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

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

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

الأسطورة الأولى: للمكفوفين فقط

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

تعمل إمكانية الوصول إلى الويب على تحسين تجربة المستخدم لجميع الأنواع التالية من الأشخاص والمواقف:

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

الأسطورة الثانية: إنها موضة أو موضة

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

"الوصول الرقمي هو حق مدني وحق من حقوق الإنسان للأشخاص ذوي الإعاقة في جميع أنحاء العالم."
ليني فينجولد ، محامية ومؤلفة مختصة بحقوق الإعاقة

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

كل ما عليك هو إلقاء نظرة على عدد الدعاوى القضائية المتعلقة بإمكانية الوصول إلى الويب لفهم مدى جدية الأشخاص في التعامل مع هذا الأمر. تضاعف عدد الدعاوى القضائية من 2017 إلى 2018 ثلاث مرات تقريبًا. منذ ذلك الحين ، بلغ هذا العدد 2،345 دعوى قضائية في المتوسط ​​سنويًا. حتى أثناء جائحة COVID-19 طوال عام 2020 ، ارتفع عدد الدعاوى القضائية المتعلقة بإمكانية الوصول إلى موقع ADA Title III في المحاكم الفيدرالية إلى 12٪ عن العام السابق.

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

الأسطورة الثالثة: يمكنك أتمتة إمكانية الوصول بالكامل

بمجرد أن تفهم سبب أهمية إمكانية الوصول - وأنه يمكن أن تكون هناك عواقب لعدم إعطاء الأولوية لها - فقد تكون في عجلة من أمرنا للتأكد من أن موقع الويب الخاص بك متوافق مع WCAG.

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

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

"حلول التراكب هي حلول برمجية آلية ، كما نعلم ، يمكنها فقط اكتشاف حوالي 30٪ من مشكلات WCAG في المقام الأول. هذا لأن WCAG دقيق وتفسيري. الآلات ليست جيدة في هذا. " (مصدر)

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

إرشادات الوصول إلى محتوى الويب

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

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

كيف يمكن الوصول إلى WordPress خارج الصندوق

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

حيث يقوم WordPress بإمكانية الوصول بشكل جيد

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

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

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

حيث يفتقد WordPress العلامة

على الرغم من التطورات الحديثة ، فإن WordPress لا يمكن الوصول إليه دائمًا بنسبة 100٪. يواجه كل إصدار من إصدارات WordPress بعض الانتقادات من حيث أوجه القصور فيه. في أوائل عام 2019 ، أجرى WPCampus تدقيقًا شاملاً لأحدث إصدار من Gutenberg في ذلك الوقت. مثل هذا العمل مهم للغاية ؛ منذ ذلك التدقيق ، تم إغلاق 116 قضية متعلقة بإمكانية الوصول.

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

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

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

كيفية إنشاء موقع WordPress يمكن الوصول إليه

الآن ، دعنا ندخل في الخطوات التي يمكنك اتخاذها للتأكد من أن موقع WordPress على الويب متاح لجميع المستخدمين.

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

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

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

أفضل ممارسات التصميم الذي يمكن الوصول إليه

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

الصور

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

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

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

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

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

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

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

الألوان

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

يشير تباين الألوان إلى كيفية ظهور الألوان الساطعة أو الداكنة عند وضعها بالقرب من بعضها البعض أو بالقرب منها. على سبيل المثال ، النص الأسود على خلفية بيضاء له تباين ألوان أعلى بكثير (21: 1) من النص الأصفر على خلفية بيضاء (1.08: 1). يتطلب WCAG 2.0 AA حدًا أدنى من نسبة 4.5: 1 للنص العادي و 3: 1 للنص الأكبر (غامق 18 بكسل أو قياسي 24 بكسل وأكبر).

بالضبط ما الذي يعنيه ذلك؟ إن أبسط طريقة لتحديد ما إذا كانت ألوانك تعمل جيدًا معًا هي إدراجها في أداة اختبار التباين ، مثل WebAIM Contrast Checker. هناك الكثير من أدوات المدقق المجانية عبر الإنترنت.

تحقق من قسم الاختبار الخاص بنا لمعرفة المزيد حول اختبار الألوان.

أثناء اختبار المزيد والمزيد من مجموعات الألوان ، ستتحسن في تحديد تركيبات الألوان من خلال الرؤية وحدها وتلك التي لا تعمل.

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

نص

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

هناك طريقتان رئيسيتان لمناقشة النص عند الحديث عن إمكانية الوصول: الخطوط والأحجام.

الخط الذي يمكن الوصول إليه يسهل قراءته بأحجام صغيرة وكبيرة. الخطوط مثل Tahoma و Calibri و Helvetica و Arial و Verdana و Times New Roman و Arvo و Museo Slab و Rockwell كلها خيارات يمكن الوصول إليها. قد يجد القراء الذين يعانون من عسر القراءة صعوبة في قراءة خطوط معينة ، بما في ذلك العديد من خطوط serif. تميل خطوط Sans-serif للنص الأساسي إلى أن تكون خيارًا أكثر أمانًا. من الأفضل تجنب خطوط العرض - مثل أنماط الكتابة اليدوية أو المخطوطة - ما لم يكن النص كبيرًا ومتفرقًا وزخرفيًا في الغالب.

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

يجب أن تكون الخطوط الافتراضية 9 نقطة أو 12 بكسل على الأقل. يوصى باستخدام 12 نقطة أو 16 بكسل. وفقًا لإرشادات WCAG ، يجب أن يكون النص قابلاً للقراءة عند التكبير إلى 200٪. يوصى باستخدام النسب المئوية أو em بدلاً من البكسل أو النقاط لتعيين حجم الخط. يعد استخدام أوزان الخطوط المختلفة أمرًا جيدًا ، ولكن تأكد من أنه إذا كان النص الخاص بك يستخدم وزنًا خفيفًا ، فهو كبير بما يكفي لرؤيته.

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

• W3C Web Design and Applications
• كتاب تمهيدي لإمكانية الوصول إلى الويب للمصممين
• التصميم لإمكانية الوصول ليس بهذه الصعوبة
• 10 أمثلة على تصميم الويب الذي يسهل الوصول إليه والمتوافق مع ADA
• سهولة الوصول في التصميم

أفضل ممارسات التنمية التي يمكن الوصول إليها

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

العناصر التفاعلية

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

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

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

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

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

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

ثيمات WordPress

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

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

أعد فريق الوصول في WordPress.com قائمة من 92 سمة مجانية في مستودع WordPress يمكنك البدء في استخدامها الآن.

عند إنشاء سمة يمكن الوصول إليها ، تأكد من أنك على دراية بمتطلبات WCAG منذ البداية. تشمل المجالات المشتركة التي يجب معالجتها أثناء التطوير ما يلي:

• تباين ملائم للألوان ضمن لوحات الألوان المحددة مسبقًا
• القدرة على تصفح الموقع بسهولة باستخدام لوحة المفاتيح
• استخدام أدوار ARIA المناسبة و / أو معالم HTML5 لضمان تجربة جاهزة لقارئ الشاشة
• الترميز الدلالي المناسب لـ HTML
• تجنب تكرار المعرفات على الصفحة
• السماح للمستخدمين بإيقاف أو التحكم في أي حركة تلقائية

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

إضافات ووردبريس

تسمح لك مكونات WordPress الإضافية بإضافة وظائف التوصيل والتشغيل إلى موقع WordPress الخاص بك. هناك نوعان من المكونات الإضافية لإمكانية الوصول في WordPress: تلك التي تساعدك في إنشاء موقع ويب يمكن الوصول إليه وجعل موقع موجود متاحًا للمستخدمين.

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

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

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

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

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

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

بيانات الوصول

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

يجب عليك إنشاء ونشر بيان إمكانية الوصول على موقع WordPress الخاص بك للأسباب التالية:

• لتظهر للمستخدمين أنك تهتم بإمكانية الوصول وهم
• لتوفير معلومات حول إمكانية الوصول إلى المحتوى الخاص بك
• لإثبات الالتزام بإمكانية الوصول والمسؤولية الاجتماعية

يمكنك كتابة بيان إمكانية الوصول الخاص بك باتباع هذه الإرشادات المقدمة من W3C أو باستخدام منشئ بيان إمكانية الوصول.

كيفية اختبار الوصول إلى موقع WordPress

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

كيفية إجراء الاختبارات الآلية

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

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

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

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

فقط تذكر أنه لا يوجد اختبار آلي مثالي أو مضمون أو بديل للاختبار اليدوي.

كيفية إجراء الاختبارات اليدوية

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

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

1. تخلص من الماوس: تأكد من أنه يمكنك التنقل بشكل معقول وسهل في جميع وظائف موقع الويب الخاص بك باستخدام مفاتيح لوحة المفاتيح فقط. يتضمن ذلك التنقل بين الأقسام ، والوصول إلى القوائم ، والانتقال من صفحة إلى أخرى ، وتخطي الصفحة ، والتفاعل مع الروابط والنماذج.
2. استخدم قارئ الشاشة: ضع نفسك مكان شخص لديه رؤية ضعيفة أو ضعيفة. استخدم تطبيق قارئ الشاشة أو موقع ويب وقم بمراجعة المحتوى الموجود على موقعك للتأكد من أنه لا يزال منطقيًا وسلاسة عند قراءته بصوت عالٍ.
3. اختبر الموقع في بيئات مختلفة: انتقل إلى مكان ما به شبكة WiFi عامة للتأكد من تحميل موقعك بشكل صحيح دون اتصال إنترنت عالي الجودة. لاحظ مناطق الموقع التي تتأخر أو تختفي تمامًا مع اتصال ضعيف.
4. زيادة التكبير: افتح موقعك في متصفح واستخدم إعدادات المتصفح للتكبير بنسبة 200٪. هل لا يزال بإمكانك استخدام الموقع والتنقل فيه والتفاعل معه في هذا الإعداد؟ هل هناك محتوى يختفي أو ينقطع؟
5. التركيز على التفاعل: تأكد من قضاء الكثير من الوقت في اختبار العناصر التفاعلية مثل مقاطع الفيديو والنماذج والأزرار. يجب دائمًا التركيز على الروابط وحقول النموذج باستخدام مخطط تفصيلي وتسطير ومؤشر خاص.
6. تحقق جيدًا من علامات alt: إذا لم تكن متأكدًا مما إذا كانت الصورة تحتوي على صورة بديلة مرفقة أم لا ، فاستخدم أداة Inspect Element للتأكيد.
7. فكر بشكل مختلف: إذا اختفت جميع الصور الموجودة على موقعك ، فهل سيظل بإمكان أي شخص استخدامها؟ إذا تحولت جميع الألوان على موقعك فجأة إلى الأبيض والأسود ، فكيف سيؤثر ذلك على سهولة الاستخدام؟ تأكد من أن الأجزاء الأساسية من موقعك ستظل تعمل إذا تأثرت العناصر الزخرفية بطريقة ما.

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

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

هل موقع الويب الخاص بك في متناول جميع الزوار؟ تعرف على المزيد حول كيفية اختبار إمكانية الوصول في هذا الدليل ️ انقر للتغريد

ملخص

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

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

هل لديك أي أسئلة متبقية حول إمكانية الوصول إلى WordPress؟ دعنا نعلم فى قسم التعليقات!