لماذا نستخدم خاصية النص البديل ؟
خاصية النص البديل ( alt ) تستخدم مع أحد الأوسمة التالية في لغة HTML
- في هذه الأيام ، المتصفحات تطورت كثيرا وتعددت خصائصها، فبعضها تسمح للمستخدمين بإيقاف عملية تحميل الصور، أو تقوم فقط بعرض فئة معينة من الصور، وبعض المستخدمين لديهم متصفحات تستخدم برامج قراءة الشاشة لتحويل الرسومات على الشاشة إلى كلمات مقروءة... في مثل هذه الحالات إذا كنت تستخدم خاصية النص البديل ( alt ) مع الصور فإن أغلب المتصفحات ستقوم بعرض النص الذي كتبته بدلاً من الصور. - بعض الزوار لا يمكنهم رؤية الصور أو يجدون صعوبة كبيرة في تمييز الصور، ( المصابين بعمى الألوان والمصابين بقصر النظر .. على سبيل المثال ... ) ، لذا يعتبر النص البديل ( alt ) مساعدة كبيرة لهذه الفئة من الزوار ، لأنهم يعتمدون عليه كثيرا لتكوين فكرة جيدة عن محتوى الصفحة. - محركات البحث لا تختلف كثيرا عن الصنفين المذكورين أعلاه ، فإذا كنت ترغب بأن يتم فهرسة صفحات موقعك بالشكل الذي يليق بها ، استخدم خاصية النص البديل ( alt ) لتتأكد بأنهم لن ينسوا الأجزاء المهمة في صفحتك. [color=FA0309]ماذا أكتب في النص البديل( alt )??[/color] القاعدة بشكل عام تقول .. استخدم النص بحيث يؤدي نفس وظيفة الصورة في حال غيابها ( عدم تحميلها أو تم حذفها خطأ ... على سبيل المثال ).
وللتحديد أكثر يمكنك مراعاة التالي أيضاً ..
- إذا كانت الصورة المعروضة تحتوي على نص ( عبارة عن كلمة مزخرفة مثلاً أو أي نص مكتوب ) فالأفضل أن تقوم بكتابة هذه الكلمات في النص البديل.
- إذا كانت الصورة عبارة عن أيقونة في قائمة ( أو صورة في جدول .. مثلاً ) أو خط أفقي أيضاً ، فلا بأس أن يكون النص البديل لها فارغاً.
- إذا كانت الصورة تحتوي على الكثير من المعلومات المهمة ، حاول أن تختصرها في سطر قصير وتضعه في النص البديل، وإذا أردت إضافة المزيد يمكنك كتابته في ( longdesc ) .. كالمثال التالي ..
أتمنى أن أكون وفقت في إيصال الفكرة
الدرس للكاتب أبو جهاد
خاصية النص البديل ( alt ) تستخدم مع أحد الأوسمة التالية في لغة HTML
( img , area , input , applet )
والنص البديل هو نص يظهر بدلاً من الرسومات ، أو أثناء تحميلها ، أو عندما يتعذر العثور عليها (تم حذفها مثلاً)، أو عندما يقوم زائر الموقع بتحريك مؤشر الماوس فوقها ... مثلاً :
<img border="0" src="dhfaf.jpg" alt="ضفاف الديوان الشعري" width="90" height="185" />
<applet width="128" height="128" code="www.dhfaf.com" codebase="www.dhfaf.com">ضفاف الديوان الشعري</applet>
النص البديل سيكون مفيدا للموقع والزوار في الحالات التالية:
<applet width="128" height="128" code="www.dhfaf.com" codebase="www.dhfaf.com">ضفاف الديوان الشعري</applet>
- في هذه الأيام ، المتصفحات تطورت كثيرا وتعددت خصائصها، فبعضها تسمح للمستخدمين بإيقاف عملية تحميل الصور، أو تقوم فقط بعرض فئة معينة من الصور، وبعض المستخدمين لديهم متصفحات تستخدم برامج قراءة الشاشة لتحويل الرسومات على الشاشة إلى كلمات مقروءة... في مثل هذه الحالات إذا كنت تستخدم خاصية النص البديل ( alt ) مع الصور فإن أغلب المتصفحات ستقوم بعرض النص الذي كتبته بدلاً من الصور. - بعض الزوار لا يمكنهم رؤية الصور أو يجدون صعوبة كبيرة في تمييز الصور، ( المصابين بعمى الألوان والمصابين بقصر النظر .. على سبيل المثال ... ) ، لذا يعتبر النص البديل ( alt ) مساعدة كبيرة لهذه الفئة من الزوار ، لأنهم يعتمدون عليه كثيرا لتكوين فكرة جيدة عن محتوى الصفحة. - محركات البحث لا تختلف كثيرا عن الصنفين المذكورين أعلاه ، فإذا كنت ترغب بأن يتم فهرسة صفحات موقعك بالشكل الذي يليق بها ، استخدم خاصية النص البديل ( alt ) لتتأكد بأنهم لن ينسوا الأجزاء المهمة في صفحتك. [color=FA0309]ماذا أكتب في النص البديل( alt )??[/color] القاعدة بشكل عام تقول .. استخدم النص بحيث يؤدي نفس وظيفة الصورة في حال غيابها ( عدم تحميلها أو تم حذفها خطأ ... على سبيل المثال ).
وللتحديد أكثر يمكنك مراعاة التالي أيضاً ..
- إذا كانت الصورة المعروضة تحتوي على نص ( عبارة عن كلمة مزخرفة مثلاً أو أي نص مكتوب ) فالأفضل أن تقوم بكتابة هذه الكلمات في النص البديل.
- إذا كانت الصورة عبارة عن أيقونة في قائمة ( أو صورة في جدول .. مثلاً ) أو خط أفقي أيضاً ، فلا بأس أن يكون النص البديل لها فارغاً.
- إذا كانت الصورة تحتوي على الكثير من المعلومات المهمة ، حاول أن تختصرها في سطر قصير وتضعه في النص البديل، وإذا أردت إضافة المزيد يمكنك كتابته في ( longdesc ) .. كالمثال التالي ..
<img border="0" src="dhfaf.jpg" longdesc="ضفاف .. أكبر موسوعة شعرية عربية،تحتوي على العديد من القصائد الشعرية النصية والصوتية" alt="الديوان الشعري" width="90" height="185" />
انتهى ..أتمنى أن أكون وفقت في إيصال الفكرة
الدرس للكاتب أبو جهاد
