الغرض من النص البديل

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

يمكن تلخيص الأغراض الحاسمة للنص البديل بما يلي:

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

قواعد مهمة عند كتابة نص بديل

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

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

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

لمزيد من المعلومات والأمثلة على النص البديل ، يمكنك زيارة https://www.webaim.org/techniques/alttext.

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

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

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

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

هيكلة العناوين

تقوم العناوين بإنشاء أقسام في موقع الويب الخاص بك للمساعدة في تنظيم المعلومات ؛ تأتي في 4 مستويات للعناوين تبدأ من أعلى التسلسل الهرمي العنوان 1 (h1) وتنتقل إلى العنوان 4 (h4). عند إنشاء محتوى ، يرجى البدء بـ h2 لأنه في معظم الحالات يتم تعيين h1 تلقائيًا لعنوان الصفحة. القاعدتان الرئيسيتان للعناوين التي يجب مراعاتها هما:

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

عنوان 1

عنوان 2

عنوان 3

عنوان 4

عديد العلامات

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

فارغ العلامات

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

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

قائمة الرصاص:

• مثال 1
• مثال 2

قائمة ذات تعداد رقمي:

1. مثال 1
2. مثال 2

باختصار ، لا يكفي مجرد كتابة نص مع شُرَط مكتوبة بجانبها للوصول إلى ذروة الوصول ، ولا نسخ / لصق قائمة من موقع ويب أو مستند أو بريد إلكتروني آخر.

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

لتجنب هذه المشكلة ، حاول تحديد عنوان الارتباط. بدلاً من "منازل الأقسام" المتعددة ، قم بتسمية الأقسام ، بدلاً من "النموذج" ، وحدد نوع النموذج ، وبالطبع تجنب أسماء الروابط "هنا".  

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

يجب تصنيف الروابط التي تشير إلى موقع غير تابع لـ TAMUK على أنها خارجي. على الرغم من عدم وجود خيار لإدخال عنوان URL لملف داخلي الارتباط ، لذا فإن خيارك الوحيد لإدخال عنوان URL الخاص به يكون عن طريق تحديد خارجي.

الارتباط لا يحتوي على نص بداخله:

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

يؤدي هذا إلى ظهور خطأ في إمكانية الوصول في Cascade كما هو موضح أدناه:

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

بريد إلكتروني

نص الارتباط هو غير ملهم:

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

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

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

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