Nêu tác dụng khi đánh dấu
Không chọn sẵn sự đồng ý tùy chọn thay cho quyết định của người dùng.
Checkbox Design system
Chọn nhiều mục hoặc bật một lựa chọn độc lập.
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.
03
Hoàn thiện trải nghiệm
Kiểm tra những chi tiết dễ bỏ sót khi đưa thiết kế vào sử dụng.
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
Nêu tác dụng khi đánh dấu
“Nhận bản tin sản phẩm qua email” được tách khỏi chấp nhận điều khoản.
Các biến thể và tình huống
Hộp chọn và nhãn
Hộp chọn có ranh giới rõ, nhãn cùng vùng tương tác và khoảng cách đủ với lựa chọn bên cạnh.
Bấm vào cả hộp lẫn nhãn và tăng cỡ chữ; đều đổi cùng lựa chọn.
Ví dụ Dòng “Nhận thông tin sản phẩm” bấm được toàn vùng nhãn.
Trạng thái chọn
Phân biệt chưa chọn, đã chọn, mixed, focus và disabled theo đúng ngữ nghĩa.
Chọn một phần nhóm con; checkbox cha biểu thị mixed thay vì chọn tất cả.
Ví dụ Chọn 2 trong 5 mục khiến ô “Chọn tất cả” có dấu trạng thái một phần.
Đã chọnChưa chọnMặc địnhĐang chọnKhông khả dụngHiển thị lỗiChọn một phần