TL;DR: لا توجد قاعدة عالمية تجعل طول النص البديل 125 حرفا. يجب أن يكون قصيرا قدر الإمكان وطويلا بقدر ما يلزم لاستبدال وظيفة الصورة في سياقها. تحتاج الصورة المعلوماتية البسيطة غالبا إلى جملة موجزة. تصف الصورة الوظيفية الإجراء. تستخدم الصورة الزخرفية عادة خاصية alt فارغة. وتحتاج الرسوم المعقدة إلى تسمية قصيرة وتفاصيل في نص قريب.
يختصر طول النص البديل غالبا إلى رقم، لكن إمكانية الوصول لا تعمل بهذه الطريقة. قد يكون وصف من عشر كلمات طويلا جدا لصورة زخرفية وقصيرا جدا لرسم بياني. يعتمد النص الصحيح على سبب ظهور الصورة وعلى ما سيفقده الشخص إذا لم يرها.
يشرح هذا الدليل طريقة كتابة النص البديل للصور المعلوماتية والوظيفية والزخرفية والمعقدة. كما يغطي أخطاء شائعة، مثل حشو الكلمات المفتاحية وتكرار التعليق ووصف التفاصيل المرئية من دون توصيل الغرض. الهدف هو نص بديل مفيد، وليس نتيجة مثالية لعدد الأحرف.
اكتب الوصف داخل السياق، ثم تحقق من حجمه باستخدام عداد الأحرف. يفيد العد في اكتشاف الوصف المحمل، لكنه يجب ألا يجبرك على حذف معلومات ضرورية لفهم الصفحة.
كم يجب أن يكون طول النص البديل؟
يجب أن يكون النص البديل قصيرا قدر الإمكان وطويلا بقدر ما يلزم لتوصيل وظيفة الصورة. تكفي جملة موجزة غالبا للصورة المعلوماتية البسيطة. وقد تحتاج الأيقونة الوظيفية إلى كلمات قليلة. أما الرسم المعقد فيحتاج عادة إلى خاصية قصيرة وشرح أطول في مكان آخر.
لا يوجد حد عالمي في HTML أو WCAG يساوي 125 حرفا. هذا الرقم توصية عملية تستخدمها بعض الفرق والأدوات القديمة، وليس قاعدة تجعل النص الأطول غير متاح تلقائيا.
اقرأ الصفحة من دون الصورة واسأل عن المعلومات الناقصة. اكتب ذلك البديل فقط. إذا أصبح الوصف فقرة، فانقل التفاصيل إلى النص المرئي حتى يتمكن عدد أكبر من الأشخاص من استخدامها.
ماذا يجب أن يصف النص البديل؟
صف وظيفة الصورة والمعلومات التي تضيفها في هذا السياق المحدد. لا تسرد كل عنصر ظاهر إلا إذا كان مهما. قد تحتاج الصورة نفسها إلى نص مختلف في صفحة أخبار أو منتج أو ملف شخصي.
يطلب W3C أن يكون للمحتوى غير النصي بديل نصي يؤدي غرضا مماثلا، مع استثناءات لحالات مثل الزخرفة. تساعد شجرة قرار بدائل الصور النصية في الاختيار بين وصف أو تسمية وظيفية أو شرح قريب أو خاصية alt فارغة.
تجنب البدء بعبارة «صورة لـ» إلا إذا كان نوع الوسيط نفسه مهما. تحدد قارئات الشاشة والتعليمات البرمجية المحيطة المحتوى عادة على أنه صورة.
الصور المعلوماتية والوظيفية والزخرفية
صنف الصورة قبل الكتابة. يحدد التصنيف هل يجب أن يصف النص المحتوى أو يشرح إجراء أو يبقى فارغا.
- صورة معلوماتية: انقل الحقيقة أو المعنى الذي تضيفه. مثال: «دراجة حمراء متوقفة بجانب مدخل المحطة.»
- صورة وظيفية: صف الإجراء أو الوجهة. يحتاج زر العدسة إلى «بحث»، وليس «عدسة مكبرة».
- صورة زخرفية: استخدم خاصية alt فارغة في HTML عندما لا تضيف الصورة معلومات ويجب تجاهلها.
- صورة نص: أدرج الكلمات الأساسية إذا لم تكن متاحة كنص حقيقي بالقرب منها.
- شعار: حدد المؤسسة عندما يقدم الشعار هذه المعلومة. داخل رابط الصفحة الرئيسية يمكن أن يكون النص «اسم الشركة، الرئيسية».
لا تكرر التعليق كلمة بكلمة. يزيد التكرار مدة الاستماع من دون معنى جديد. استخدم أداة مقارنة النصوص لمقارنة التعليق والنص البديل إذا شككت في التكرار.
كيف تكتب نصا بديلا للرسوم والصور المعقدة؟
استخدم خاصية قصيرة لتحديد الرسم ورسالة الرئيسية، ثم قدم البيانات أو العلاقات أو العملية المهمة في نص قريب. نادرا ما تناسب المعلومات المعقدة خاصية واحدة طويلة. كما تساعد الأوصاف المرئية الأشخاص ضعاف البصر أو ذوي الإعاقات المعرفية.
في الرسم الخطي، اذكر الموضوع والاتجاه الرئيسي: «ارتفعت طلبات الدعم الشهرية من 120 في يناير إلى 210 في يونيو.» ثم أضف جدول بيانات أو فقرة إذا كانت القيم الشهرية الدقيقة مهمة.
في المخططات، صف التسلسل أو العلاقة التي تعتمد عليها الصفحة. لا تصف كل شكل أو لون سهم أو موضع إلا إذا غير المعنى. يمكن أن تساعد أداة قابلية القراءة في تبسيط وصف مرئي طويل من دون حذف الخطوات الأساسية.
أخطاء شائعة في النص البديل
غالبا لا يكون النص البديل السيئ طويلا أو قصيرا جدا. بل يكون غير ذي صلة أو مكررا أو مكتوبا لمحركات البحث بدلا من الأشخاص.
- استخدام أسماء ملفات مثل «IMG_2048.jpg».
- كتابة «صورة لـ» قبل كل وصف.
- تكرار التعليق أو العنوان أو الفقرة القريبة.
- حشو كلمات منتج لا توصلها الصورة.
- وصف اللون أو الموضع من دون شرح المعنى.
- إعطاء الصور الزخرفية وصفا منطوقا.
- استخدام alt فارغ عندما تكون الصورة التسمية الوحيدة لرابط أو زر.
نظف الأوصاف المنسوخة باستخدام أداة إزالة المسافات الزائدة حتى لا تدخل فواصل الأسطر والتنسيقات المخفية إلى حقل نظام إدارة المحتوى.
كيف تتحقق من النص البديل قبل النشر؟
راجع الصورة في سياق الصفحة الحقيقي. حدد وظيفتها، واحذف المعلومات المتكررة، واختبر الصفحة من دون الصورة، وتأكد من أن البديل يدعم المهمة نفسها. ثم افحص HTML أو مخرجات النظام للتأكد من وجود الخاصية وأنها فارغة بصورة صحيحة عند الزخرفة.
- حدد نوع الصورة: معلوماتية أو وظيفية أو زخرفية أو نصية أو معقدة.
- اقرأ المحتوى المحيط: تجنب تكرار ما هو متاح بالفعل.
- اكتب البديل: ركز على الوظيفة والمعلومات المفيدة.
- افحص الطول: اختصر فقط عندما تكون الصياغة مكررة أو محملة.
- راجع الوصول البصري: استخدم محاكي التباين عندما يظهر نص أو رسم أساسي داخل الصورة.
- اختبر المخرجات: تأكد من كتابة alt الفارغ كخاصية فارغة وعدم حذفه.
يمكن للفاحص الآلي العثور على الخصائص المفقودة، لكنه لا يستطيع تحديد ما إذا كانت الكلمات مفيدة. يجب أن يراجع الإنسان النص لأن الوصف الصحيح يعتمد على السياق.
طول النص البديل قرار جودة، وليس هدفا ثابتا لتحسين البحث. تحتاج الصور البسيطة إلى بديل موجز، والوظيفية إلى إجراء واضح، والزخرفية إلى الصمت، والمرئيات المعقدة إلى تفاصيل خارج الخاصية.
اكتب الوصف بجانب الصورة، ثم استخدم عداد الأحرف لاكتشاف الطول غير الضروري. احتفظ بكل كلمة تساعد شخصا على فهم الصفحة أو استخدامها، واحذف فقط التفاصيل التي لا تخدم وظيفة الصورة.