صورة السمة بديل أفضل الممارسات
https://stackoverflow.com/questions/613173
-
03-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russianسؤال
ما هو بالضبط المقصود استخدام alt السمة على <img> العلامات ؟
ينبغي أن تصف صورة ، أو ينبغي أن يذكر استبدال النص على الشاشة-القراء (و الناس الذين لديهم الصور إيقاف)?
على سبيل المثال, إذا كان لدي سيرة ذاتية قصيرة شخص على موقع الويب الخاص بي ، وتشمل صورة صغيرة منهم ، هل هو حقا معنى ضعاف البصر المستخدمين أن يكون "صورة جون سميث" قرأت لهم ؟
المحلول
ووالمواصفات HTML 5 لديها <لأ href = "http://www.whatwg.org/specs/web-apps/current-work/multipage/embedded-content-0.html#the-img-element" يختلط = "noreferrer"> قسم ضخمة في هذا الشأن.
والأساس، ويجب أن تكون السمة alt ما يمكن أن يكون هناك كنص إذا لم تستخدم صورة على الإطلاق. إذا كانت صورتك هي مجرد ديكور فقط، يمكنك استخدام alt="". وصف يذهب في سمة title.
نصائح أخرى
وأعتقد أن الفكرة هي استخدام النص البديل للاتصال نفس المعلومات كما كان المقصود مع الصورة. هذا يعتمد على ما هي الصورة.
وربما أفضل وصف عناصر الملاحية التي وظيفتها ( "الصفحة التالية"، "العودة") من مظهرهم ( "السهم الأيمن").
ويمكن استبدال صورة لجون سميث مع وصف جون سميث، أو وصفا للمكان الحدث أخذ، وما إلى ذلك.
من w3.org:
في حين أن النص البديل قد تكون مفيدة جدا ، يجب أن يكون التعامل معها بحذر.الكتاب يجب مراعاة الإرشادات التالية:
- لا تحدد علاقة النص البديل عندما بما في ذلك الصور تهدف إلى تنسيق صفحة مثلا alt="الكرة الحمراء" سيكون من غير المناسب للصورة التي يضيف كرة حمراء لتزيين البند أو الفقرة.في مثل هذه الحالات ، النص البديل يجب أن يكون سلسلة فارغة ("").الكتاب في أي حال ينصح بتجنب استخدام الصور على شكل صفحات ؛ أوراق الأنماط ينبغي أن تستخدم بدلا من ذلك.
- لا تحديد معنى النص البديل (مثل "دمية النص").ليس فقط سوف هذه إحباط المستخدمين ، وسوف تبطئ وكلاء المستخدم الذي يجب تحويل النص إلى كلام أو طريقة برايل الانتاج.
عن توفر النص "البديل" إذا تعذر تحميل الصورة لسبب ما. في المثال الخاص بك وأود أن أقول نعم أنه سيكون من المناسب.
وو"بديل" السمة هو بديل (نصية) تمثيل دلالات الصورة. لا يتم استخدام هذا فقط للصور التي لا يمكن تحميل: انها تستخدم أيضا للقارئ شاشة أو متصفحات النص فقط
في حالة معينة الخاص بك، بما في ذلك نص بديل نوع من يعتمد على ما إذا كنت أعتقد أنه من المهم أن نلاحظ أن الصفحة تحتوي على صورة الشخص أم لا. اذا كان عنصر البصرية بحتة، قد لا تريد أي نص بديل. إذا انها تستخدم أيضا كحلقة وصل من نوع ما، وربما كنت <م> لا تريد بعض بديل النص بحيث يمكن للشخص باستخدام قارئ الشاشة لديه بعض فكرة عن ما بعد وصلة قد تفعل.
وضرب لأول مرة في جوجل عن هذا [IMG بديل الوصول] يعطي <م> النظر في ما تبدو الصفحة مثل أو يبدو وكأنه عندما لا تظهر الصور. ثم، والكتابة عن كل صورة نص بديل الذي يعمل بشكل أفضل ليكون بديلا (<لأ href = "http://www.cs.tut.fi/~jkorpela/html/alt.html" يختلط = "نوفولو noreferrer "> المبادئ التوجيهية بشأن النصوص بديل الدخول img عناصر )
يجب أن يكون أي شيء يساعد المستخدم إذا لم يتم عرض صورة.
وراجع للشغل على "ميزة" عندما كنت تحوم فوق صورة في IE ويظهر تلميح الأدوات على ALT ليس هو السلوك الصحيح للALT. من المفترض أن استخدامها لهذا اللقب.
ووصف بإيجاز صورة، كما لو كنت تتحدث إلى شخص أعمى. بسيطة جدا.
وأنا متأكد من هذا سمات القيمة يستخدم من قبل جوجل لعمليات تفتيش مؤشر الصورة.
وإذا كان لدي سيرة ذاتية قصيرة لل شخص على موقع الويب الخاص بي، وتشمل صورة صغيرة منهم، هل هو حقا مغزى للمستخدمين المعاقين بصريا أن يكون "صور جون سميث" تلا لهم؟
إذا لم يكن لديك أن نص بديل، ما تظن أنها سوف تحمل الصورة؟ "صور من جون سميث وزوجته"؟ "صور من جون سميث قبول له أوسكار"؟ "صور من جون سميث اغتيال جون كنيدي"؟ "صور من جون سميث الكذب ميتة في باحة منزله بعد أن قتل على يد له الفيل حيوان أليف"؟
إذا انها صورة لجون سميث، نعم، أقول ذلك. إذا كان شيئا آخر، يقول ذلك.
Alt يتم استخدام السمة مع img الوسم.
Alt يعني البديل
هو استعملت ل وصف قصير من الصورة.
يتم عرضها على الشاشة في حالة المتصفح غير قادر على تحميل الصورة
