23. التسميات (Labels) والنصوص البديلة (Placeholders) لتوجيه المستخدم
النماذج الجيدة قابلة للاستخدام ويمكن الوصول إليها. التسميات والنصوص البديلة حيوية لتوجيه المستخدم.
23.1 عنصر <label> (إلزامي لإمكانية الوصول)
يربط <label> النص بعنصر تحكم نموذج محدد. هذا إلزامي لإمكانية الوصول لأن قارئات الشاشة تحتاج إلى معرفة النص الذي يتوافق مع أي مدخل.
لربط تسمية بمدخل، يجب أن تتطابق خاصية for الخاصة بالتسمية مع خاصية id الخاصة بالمدخل.
html
نصيحة: إذا نقرت على نص التسمية، فسيحصل حقل الإدخال المرتبط به تلقائياً على التركيز (focus).
23.2 خاصية placeholder
توفر placeholder نص تلميح قصيراً يظهر داخل حقل الإدخال عندما يكون فارغاً. يختفي هذا النص عندما يبدأ المستخدم في الكتابة.
html
تحذير: لا ينبغي أن تحل النصوص البديلة (Placeholders) محل التسميات (Labels). التسميات هي تعليمات دائمة، بينما النصوص البديلة هي تلميحات مؤقتة.