Checklist kiểm tra chất lượng

Perfect Pixel

• Đảm bảo thực hiện kiểm tra Perfect Pixel.
• Nếu bạn kiểm tra bằng cách đè chồng Perfect Pixel lên trang web thì sẽ không thể thấy sự khác biệt về màu sắc, vì vậy vui lòng kiểm tra mã màu của những phần đáng ngờ.

Tệp và Thư mục

• Xóa các thư mục và tệp không cần thiết.
• Rà soát và loại bỏ các hình ảnh, font chữ... không được sử dụng để tạo trang web.

HTML

• Thực hiện kiểm tra Validate HTML W3C.
• Đảm bảo html lang="ja".
• Đảm bảo trang web của bạn không tải các thư viện CDN mà bạn không sử dụng.
• Đảm bảo logo ở header/footer có gắn liên kết.
• Nếu sử dụng Google Maps, hãy đảm bảo rằng nó bằng tiếng Nhật.
• Đảm bảo thẻ title description keyword nằm bên trong thẻ head. (Có thể để trống khi người yêu cầu không chỉ định)
• Đảm bảo các phần tử có thể click được khác (ngoài đường dẫn) cũng được áp dụng cài đặt cursor: pointer.

Thẻ liên kết

• Đảm bảo rằng tất cả các liên kết được thiết lập chính xác theo sitemap trang web.
• Chỉ định href="#" nếu liên kết chưa xác định rõ đích đến.
• Liên kết bên ngoài phải được thiết lập target="_blank".
• Link phải là block, không được để là target đơn.
• Tất cả các liên kết đều phải thiết lập hover mặc định là opacity: 0,7 và transition, trừ khi khách hàng có chỉ định khác.

Thẻ image

• Đảm bảo cả hình ảnh đều được đặt alt="".
• Đảm bảo hình ảnh được sử dụng với định dạng hợp lý (png, jpg, svg). Ví dụ: png là nền trong suốt, jpg là ảnh phong cảnh và svg là dữ liệu vector như logo.
• Đảm bảo giữ nguyên tỷ lệ khung hình, tỷ lệ ngang dọc không bị méo mó.
• Không hiển thị lỗi tải hình ảnh trong Chrome developer tool
• Kiểm tra bằng Chrome developer tool xem có tải hình ảnh dung lượng lớn (vượt quá 1MB) hay không .
• Kiểm tra khả năng tương thích với Retina.

CSS

• Thực hiện kiểm tra Validate CSS W3C.
• Đảm bảo tên tệp phù hợp với coding rule.
• Đảm bảo rằng tên class tuân thủ theo coding rule.
• Đảm bảo cấu trúc thư mục tuân theo coding rule.
• font-size line-height letter-spacing phải được chỉ định bằng các giá trị tương đối (rem, em,...), trừ các trường hợp ngoại lệ.
• CSS riêng được áp dụng trên cơ sở đã khởi tạo styling bằng reset.css hay normalize.css

Cài đặt font-family

• Font chữ có thể chỉ được hiển thị chính xác trong môi trường của riêng bạn, vì vậy vui lòng kiểm tra Font chữ đó trong trình duyệt chưa được cài đặt Font chữ.

Web Font

Trường hợp sử dụng font-face (trừ Google fonts và Adobe fonts), cần phải đảm bảo 2 điều kiện dưới đây:

• Đảm bảo các tệp WOFF, WOFF2 và TTF có sẵn để hỗ trợ tất cả các trình duyệt.
• Để đảm bảo tốc độ tải web, các tệp Font chữ không được vượt quá 200kb. Vui lòng xác nhận với khách hàng nếu trường hợp này xảy ra.

Javascript

• Đảm bảo không hiển thị lỗi Javascript trong Chrome developer tool.
• Đừng dùng lẫn cú pháp của ES5 và ES6.

Responsive

• Đảm bảo rằng ở một kích thước nhất định, văn bản sẽ không bị chồng lấp hoặc che khuất bởi các phần tử khác dẫn đến việc làm giảm tính dễ đọc của trang web.
• Kiểm tra tất cả các kích cỡ màn hình xem có xảy ra hành vi khác thường như cuộn ngang hay không.

Cross-Browser

Vui lòng đảm bảo rằng bố cục (layout) và hoạt ảnh (animation) không bị vỡ trong các trình duyệt và thiết bị thực do khách hàng chỉ định.
Tuân thủ theo các quy tắc tiêu chuẩn của AGL khi không có chỉ thị khác từ khách hàng.