Kiểm tra nhãn có nói rõ điều đang được bật
Đổi trạng thái bằng chạm và bàn phím. Nhãn cần mô tả tính năng, trạng thái hiện tại phải nhận biết được ngoài màu và kết quả áp dụng cần khớp với cách giao diện hứa hẹn.
Công tắc Design system
Cho đổi trạng thái mà không phải đoán tác dụng.
Nội dung checklist
Tiến độ kiểm tra
01
Cấu trúc và ý nghĩa
Đối chiếu thông tin và cách trình bày trong ngữ cảnh sử dụng.
02
Tương tác và khả năng sử dụng
Thử thao tác, thay đổi trạng thái và đường tiếp tục công việc.
Tiến độ được lưu tự động trên trình duyệt này.
HƯỚNG DẪN
Cách kiểm tra
VÍ DỤ
Ví dụ áp dụng
Bật lời nhắc cho một lịch
Nhãn “Nhắc trước giờ hẹn” đi cùng công tắc và trạng thái “Đang bật”; tắt công tắc chỉ dừng lời nhắc, không xóa lịch.
Các biến thể và tình huống
Trạng thái tắt
Giữ nghĩa của lựa chọn rõ ngay cả khi toggle chưa bật và chưa có thay đổi nào.
Đọc nhãn khi toggle tắt; người dùng cần biết bật nó sẽ thay đổi điều gì.
Ví dụ “Tự lưu ảnh mới” tắt không có nghĩa xóa những ảnh đã lưu.
Trạng thái bật
Dấu bật phản ánh giá trị thật, có phản hồi nếu việc áp dụng thay đổi thất bại.
Giả lập lỗi lưu cài đặt; toggle cần quay lại giá trị đã lưu và giải thích.
Ví dụ Bật thông báo nhưng request lỗi: trả trạng thái tắt và cho thử lại.
Nhãn gắn với điều khiển
Giữ nhãn và mô tả gần toggle, dùng một vùng bấm không gây nhầm mục khác.
Bấm nhãn và kiểm tra bằng screen reader; đều tác động đúng cài đặt.
Ví dụ Toggle “Nhận email hoạt động” có mô tả tần suất bên dưới.