طرق قليلة لتسهيل الوصول إلى موقعك

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

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

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

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

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

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

نص بديل لصورك

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

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

تتيح المعلومات الموجودة في علامة alt لمستخدمي برامج قراءة الشاشة (التي تقرأ صفحات الويب بصوت عالٍ للمستخدمين ذوي الإعاقات البصرية) ، والمتصفحات النصية فقط والاتصالات البطيئة التي لا تقوم بتحميل الصور لفهم المعلومات التي تنقلها الصور.

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

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

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

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

الصور التي يتم استخدامها كأزرار

الصور التي يتم استخدامها كروابط

الصور التي يتم استخدامها لأية عناصر تحكم أخرى

الصور التي تتعلق مباشرة بالمحتوى

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

الإضافات لتحسين إمكانية الوصول

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

مفاتيح الوصول

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

إعادة التغريد بسهولة

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

AStickyPostOrderER

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

جدول المحتويات Hackadelic SEO

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

استطلاعات الفسفور الابيض

تسمح WP-Polls للأفراد ذوي الإعاقة بالمشاركة في أي استطلاعات قد تكون لديك على موقعك

يتم تطوير الإضافات الجديدة في كل وقت. استخدم وظيفة لوحة معلومات WordPress للبحث عن المزيد. جرب مكونات إضافية مختلفة واطلب من المستخدمين ذوي الإعاقة تزويدك بتعليقات

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

الطريق للذهاب مع العناوين

عند تصميم الصفحات ، من الضروري هيكلة المحتوى باستخدام العناوين بالترتيب الصحيح: <h1> ، <h2> ، <h3> وهكذا. عند هيكلة المحتوى باستخدام العناوين ، يمكن للأشخاص الذين يستخدمون برامج قراءة الشاشة الحصول على ملخص لما تدور حوله الصفحات والتنقل بينها بسهولة أكبر. يمكن لمستخدمي قارئ الشاشة الوصول إلى أقسام المحتوى التي يريدونها بالضغط على الحرف "H" للمضي قدمًا و "shift + H" للرجوع للخلف.

يمكنك تصنيف المحتوى الخاص بك باستخدام العناوين من واحد إلى ستة لتسهيل الوصول إلى موقعك. تحقق من كيفية استخدام قالبك للعناوين (على سبيل المثال ، قد يتم تطبيق أو عدم تطبيق <h1> على عنوان الموقع وقد يظهر أو لا يظهر عنوان الموقع هذا في كل صفحة ويب. وفي كلتا الحالتين ، تأكد من أن العنوان الأول المستخدم هو <h1> والعناوين التالية (عنوان الصفحة ، الأقسام الفرعية للصفحة ، عناوين الفقرات) تنزل بالترتيب حتى <h6> ، حيثما كان ذلك مناسبًا.

هناك بعض المرونة فيما يتعلق بالترتيب ، ولكن الخيار الأكثر منطقية هو الاحتفاظ بالعناوين بالترتيب العددي وعدم خلطها حقًا لأنها ستخلق موقفًا خطيرًا لكل من المستخدم ومحرك البحث (لا تخلط بينهما هكذا - > <h1> ، <h4> ، <h2> ، إلخ).

روابط التنقل مفيدة

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

تخطي إلى المحتوى الرئيسي

انتقل إلى شريط التنقل

انتقل إلى البحث

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

تغليف

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

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

آمل أن يكون منشور المدونة هذا مفيدًا لك وأنت تأخذ بعض العناصر الأساسية من هنا