كيفية إنشاء نص بديل للصور لإمكانية الوصول وتحسين محركات البحث

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

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

ما هو النص البديل؟

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

يتم استخدامه بعدة طرق:

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

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

كيفية إضافة نص بديل إلى الصور

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

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

النص البديل في مقابل التسميات التوضيحية

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

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

أفضل ممارسات النص البديل

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

1. صِف بدقة محتوى الصورة ووظيفتها

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

2. كلما كان ذلك أقصر كان ذلك أفضل ، ولكن ليس أقصر مما ينبغي

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

قدم تفاصيل كافية لوصف الصورة بدقة ، ولكن تجنب التفاصيل الدقيقة التي لا تعزز بالضرورة معنى سبب تضمين الصورة.

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

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

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

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

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

3. استخدم علامات الترقيم والتهجئة الصحيحة

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

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

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

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

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

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

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

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

5. لا تُدرج "صورة" أو "صورة" وما إلى ذلك.

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

6. إذا كانت صورتك تحتوي على نص ، فيجب تضمينها في النص البديل

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

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

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

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

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

7. لا تعتمد على مدقق الوصول الخاص بك

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

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

8. يجب أن تتضمن الصور التي تحتوي على ارتباطات وجهة الارتباط في النص البديل

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

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

نص بديل للمخططات والرسوم البيانية والجداول

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

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

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

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

نص بديل وكبار المسئولين الاقتصاديين

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

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

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

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

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

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

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