Một trường đầu vào có thể có hai nhãn?

Mary có một hình thức nhỏ, và các lĩnh vực của nó được dán nhãn như vậy.
Bất cứ khi nào một lỗi len lỏi vào, nhầm lẫn nó sẽ gieo.

Tôi đã có một nhãn cho từng trường đầu vào ... chuyện khá chuẩn. Sau khi xác thực biểu mẫu, tôi đang hiển thị một đoạn nhỏ hữu ích ở đầu biểu mẫu nêu chi tiết thông tin nào bị thiếu hoặc không chính xác.

Tôi có thể có hai nhãn cho cùng một trường đầu vào không? Một trong các hình thức thích hợp, và một trong văn bản nhắc nhở xác nhận? Có bất kỳ lý do tôi không nên làm điều này?

Tôi giả sử câu hỏi này là về các hình thức HTML. Từ đặc điểm kỹ thuật :

Phần tử LABEL có thể được sử dụng để đính kèm thông tin vào các điều khiển. Mỗi phần tử LABEL được liên kết với chính xác một điều khiển biểu mẫu.

Do đó, mỗi điều khiển biểu mẫu có thể được tham chiếu bởi nhiều nhãn, nhưng mỗi nhãn chỉ có thể tham chiếu một điều khiển. Vì vậy, nếu có ý nghĩa để có nhãn thứ hai cho điều khiển (và trong tình huống bạn mô tả, thì có) hãy thoải mái thêm nhãn thứ hai.

HTML là hợp pháp và nó hoạt động (nhấp vào bất kỳ nhãn nào sẽ chuyển trọng tâm đến trường được đề cập).

Đó là một chút khó khăn hơn để làm đúng vì lý do tiếp cận.

Đây không phải là cách tiếp cận "phổ biến" và do đó, ít nhất một trình đọc màn hình chung (tôi đã thử nghiệm với NVDA) chỉ đọc nhãn đầu tiên khi bạn chuyển trọng tâm vào trường - nó bỏ qua mọi nhãn bổ sung cho cùng một trường.

Vì vậy, nếu thông báo lỗi của bạn ở đầu trang, người dùng bị mù hoặc nhìn kém nhìn qua các trường sẽ chỉ nghe thấy thông báo lỗi khi hạ cánh trên trường được đề cập, không phải là nhãn "thực" bên cạnh nó.

Do đó - nếu bạn phát âm đúng thông báo lỗi, đó có thể là một điều tốt (chắc chắn tốt hơn là chỉ làm nổi bật trường không xác thực bằng màu đỏ!).

Có, bạn có thể có nhiều nhãn điểm ở cùng một điều khiển biểu mẫu. Điều này là hoàn toàn hợp pháp :

<label for="fname">First name</label>
<label for="fname">Enter your info</label>
<label for="fname">Why not a third label</label>
<input type="text" id="fname" name="fname">

Đây chỉ là một ví dụ ... thông thường bạn sẽ bọc những dòng này bằng một nhãn kể từ khi chúng đóng.