رفع اشکال؛ برچسب، توضیح و نام دکمه

نام کنترل را از ظاهرش حدس نزن

یک کنترل ممکن است برای کاربر بینا قابل‌حدس باشد، اما نامی برای صفحه‌خوان نداشته باشد. placeholder هنگام تایپ ناپدید می‌شود؛ label باید مستقل باقی بماند. توضیح قالب هم باید با aria-describedby به ورودی متصل شود.

برای دکمهٔ بستن به‌جای div از button استفاده کن. نقش بومی button رفتار صفحه‌کلید را هم فراهم می‌کند. این تمرین رفتار بستن پنجره پیاده‌سازی نمی‌کند؛ فقط ساختار دسترس‌پذیر کنترل را می‌سازد.

فعالیت شما

برای ورودی email یک label با for="email" و متن «ایمیل» اضافه کن. aria-describedby آن را email-help قرار بده و p با id="email-help" و متن «نمونه: name@example.com» بساز. div ضربدر را با button دارای type="button" و aria-label="بستن پنجره" جایگزین کن.