Nghiệm thu giao diện
Kiểm từng trang trước khi coi là xong: hiển thị, điện thoại, bàn phím, nội dung.
0/0 mục
Hiển thị chung
- Mỗi trang có đúng một tiêu đề chính (H1) nói rõ trang làm gì.
- Chữ thân bài từ 16px trở lên, dễ đọc trên nền.
- Màu, font, khoảng cách nhất quán giữa các trang.
- Không có chữ tràn khung, ảnh méo, phần tử chồng lên nhau.
Điện thoại (375px) và máy tính bảng
- Không có thanh cuộn ngang trên toàn trang.
- Menu mở và đóng được; bấm một mục thì menu đóng.
- Nút đủ to để bấm bằng ngón tay, không sát nhau.
- Bảng rộng cuộn ngang riêng hoặc chuyển thành dạng thẻ.
- Đã xem trên ít nhất một điện thoại thật, không chỉ chế độ giả lập.
Bàn phím và hỗ trợ tiếp cận
- Bấm Tab đi qua mọi nút và liên kết theo thứ tự hợp lý.
- Luôn thấy rõ đang ở phần tử nào (viền focus).
- Mọi ô nhập có nhãn; ảnh có mô tả (alt) phù hợp.
- Không truyền đạt thông tin chỉ bằng màu (ví dụ lỗi có cả chữ, không chỉ viền đỏ).
Nội dung và hành vi
- Không còn “Lorem ipsum”, [CẦN ĐIỀN], số liệu hay lời khen giả.
- Mọi nút và liên kết đều làm đúng việc; không có liên kết ”#” vô nghĩa.
- Trạng thái rỗng, đang tải, lỗi được hiển thị có ý nghĩa (nếu có tương tác).
- Console (F12) không có lỗi đỏ.