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

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

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

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

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

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

أدوات المعاينة

استخدم أدوات المعاينة لاستكشاف المشكلات في المستند.

• تنقل عبر المعاينة صفحة تلو الأخرى.

• تعرف على عدد المرات التي تظهر فيها مشكلة محددة.

• تنقل بين مواضع تمييز المشكلة.

• قم بإخفاء أو إظهار المواضع المميزة.

• قم بتكبير محتوى المعاينة أو تصغيره.

• إذا كانت المشكلة في مستند مرفق، فقم بتنزيل الملف الأصلي.

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

حدد كيفية إضافة الأوصاف، لاتباع الخطوات الإرشادية.

اتبع أفضل الممارسات لكتابة أوصاف نصية بديلة جيدة لصورك:

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

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

هناك العديد من الأسباب لاستخدام الأوصاف البديلة مع صورك.

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

الطريقة الأكثر شيوعا لإضافة صور إلى صفحة ويب هي باستخدام سمة HTML img src. Img src هي سمة HTML تستخدم عنوان URL لملف الصورة لوضع الصورة على صفحة الويب. ولكن يختلف كل نظام من أنظمة إدارة المحتوى عن غيره. قد يستخدم موقعك تعليمات برمجية أو سمات مختلفة.

على سبيل المثال، في Drupal قد ترى شيئًا كهذا بدلاً من ذلك:

<drupal-entity data-embed-button="media_browser" data-entity-embed-display="view_mode:media.embedded" data-entity-type="media" data-entity-uuid="2961e3a2-8fbe-4e3f-baeb-953d69f70750"></drupal-entity>

أضف نصًا بديلاً إلى بداية السمة. على سبيل المثال،

<drupal-entity alt="add image description here" data-embed-button="media_browser" data-entity-embed-display="view_mode:media.embedded" data-entity-embed-display-settings="" data-entity-type="media" data-entity-uuid="2961e3a2-8fbe-4e3f-baeb-953d69f70750"></drupal-entity>

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

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