Trải nghiệm người dùng
Kiểm tra mức phóng đại trình duyệt trước khi nghiệm thu bố cục desktop
Bố cục desktop có thể hỏng khi người dùng phóng đại trang. Hãy thử tác vụ bằng mức phóng đại thực trong trình duyệt, rồi xem cách dàn lại nội dung, thành phần cố định, hộp thoại và nút trước khi nghiệm thu.
Màn hình hoạt động ở tỷ lệ nhà thiết kế chọn có thể trở nên khó dùng khi người dùng phóng đại. Chữ có thể xuống dòng dưới nút, thanh đầu cố định chiếm gần hết khung nhìn và hộp thoại giấu chính nút xác nhận của nó. Phóng đại trình duyệt cần nằm trong nghiệm thu vì tác vụ phải chịu được thay đổi không gian hiển thị, không chỉ đẹp ở một kích thước.
Hiểu phép kiểm tra dàn lại nội dung
WAI mô tả dàn lại nội dung không mất thông tin hay chức năng và không cần cuộn hai chiều ở kích thước quy định, có ngoại lệ.[5] Với nội dung cuộn dọc, chiều rộng tham chiếu là 320 điểm ảnh CSS.[5] Hướng dẫn liên hệ chiều rộng đó với khung nhìn ban đầu 1280 điểm ảnh CSS ở mức phóng đại 400%.[5]
Điều này không có nghĩa mọi bảng hay sơ đồ đều phải ép thành một cột. Hướng dẫn thừa nhận nội dung cần bố cục hai chiều.[5] Hãy chỉ rõ các vùng đó và xem riêng nút điều khiển, giải thích xung quanh thay vì coi toàn trang đều được miễn.
Thử quy trình sau khi phóng đại
Dùng điều khiển phóng đại thật của trình duyệt và ghi khung nhìn ban đầu. Thực hiện tác vụ có ý nghĩa như sửa yêu cầu, sửa lỗi rồi lưu kết quả. Xem các vùng có thích ứng, chữ có còn đọc được và thao tác có đến được mà không phải đoán vị trí mới hay không.
Chú ý thanh công cụ bám cố định, bảng bên và hộp thoại. Nên cho nội dung xuống dòng và nút chuyển thành thứ tự dễ hiểu. Nếu một bảng có thể thu gọn, nút thay thế vẫn phải dễ tìm. Đừng xử lý tràn bằng cách âm thầm bỏ trường ảnh hưởng quyết định.
Ví dụ giả định: màn hình rà soát hợp đồng
Một người rà soát giả định phóng đại màn hình hợp đồng khi so sánh điều khoản với ghi chú nội bộ. Bảng điều hướng lúc này chừa quá ít chỗ cho chữ, còn thanh hành động cố định che đoạn cuối. Ảnh chụp ở tỷ lệ thường không thể hiện được hai vấn đề đó.
Thiết kế đề xuất cho thu gọn điều hướng và bố trí hành động không che tài liệu. Nghiệm thu bao gồm mở hộp thoại nhận xét, đọc thông báo kiểm tra dữ liệu và quay lại đúng điều khoản. Người rà soát thử cả hai ngôn ngữ vì độ dài dòng khác nhau có thể bộc lộ lỗi bố cục khác nhau.
Xác định bằng chứng nghiệm thu và giới hạn
Ghi tác vụ, trình duyệt, khung nhìn, mức phóng đại và lỗi quan sát được. Ảnh chụp có thể minh họa vấn đề, nhưng biên bản nghiệm thu cũng cần nêu người dùng hoàn thành tác vụ hay không. Thử lại sau khi đổi bố cục vì di chuyển vùng này có thể che vùng khác. Giữ cùng bản ghi nghiệp vụ khi so sánh để nội dung khác nhau không che mất lỗi bố cục mới phát sinh.
Rà soát phóng đại làm tăng công kiểm thử và có thể phát hiện ngoại lệ hợp lý cần cân nhắc thiết kế. Dùng cùng đánh giá bàn phím và công nghệ hỗ trợ. Một phép thử phóng đại đạt không tự chứng minh tuân thủ đầy đủ tiêu chuẩn tiếp cận.
- Ghi khung nhìn ban đầu và mức phóng đại thực của trình duyệt.
- Kiểm tra tiêu đề, nhãn, giá trị và thông báo lỗi có bị cắt không.
- Xác minh hộp thoại và nút cố định không che nội dung cần thiết.
- Xem riêng vùng hai chiều có lý do chính đáng với phần còn lại.
- Hoàn thành cùng tác vụ ở cả hai ngôn ngữ giao diện.