مربع النص القابل للوصول

Question

لدي صفحة HTML مع العديد من صناديق النص. لا بد لي من تسمية لهم لأغراض الوصول. ولكن لا أريد التسمية المرئية. هل من الممكن؟ أو، هل هناك أي بديل تصميم آخر؟

Answer 1

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

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

Answer 2

استخدام العرض: لا شيء سيء لهذا الأمر، وأنا أؤيد الاستعلام عن السبب الذي تريد إخفاء جميع الملصقات - من المحتمل أن تكون هناك بعض العلامة التي تستخدمها لإعلام المستخدمين بما يتضمنه Textarea، لذلك مجرد علامة بذلك تسمية وأسلوب وفقا لذلك.

إذا كنت لا تزال ترغب في إخفاء الملصق، فهناك تحديد موضعه أفضل. هناك الأخيرة ملخص هذا في مدونة شارع Berea 456.

Answer 3

نقطة التسمية هي وصف الغرض من المدخلات، كيندا مثل إعطائها رأس. إذا لم تستخدم تسمية، فكيف يعرف مستخدموكم البصر ما وضعه في المدخلات؟

مهما كان يعطي الدليل المرئي للمستخدمين المشاهدين يجب أن يكون أيضا التسمية لمستخدمي التكنولوجيا المساعدة.

Answer 4

ماذا عن مربع نص علامة مائية؟

على سبيل المثال http://www.asp.net/ajax/ajaxcontroltoolkit/samples/textboxwatermark/textboxwatermark.aspx.

Answer 5

جرب CSS:

label {
    display: none;
}

تأكد من تطبيق ورقة الأنماط هذه إلى متوسطة "الشاشة" فقط:

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

Answer 6

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

الأول هو استخدام سمة "العنوان"، والتي لديها الاستفادة الإضافية لعرض نصيحة أداة للمستخدمين المشاهدين:

<input type="text" title="first name" />

ذكر زوجان آخرين الخيار الثاني، والذي ينطوي على وضع الملصقات من الشاشة باستخدام CSS:

<label for="first_name" 
  style="position:absolute;left:-1000px;width:1px;overflow:hidden;" />
<input type="text" id="first_name" />

على عكس استخدام "العرض: لا شيء"، فلن يقرأ قارئات الشاشة قراءة الملصق. إنه أيضا أنيقا في أن المستخدمين الذين يختارون تعطيل CSS سترى الملصق.

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