Screen Reader
Công nghệ hỗ trợ đọc to văn bản và các phần tử giao diện trên màn hình. Hỗ trợ truy cập web cho người khiếm thị.
Trình đọc màn hình là công nghệ hỗ trợ chuyển đổi nội dung hiển thị trên màn hình thành giọng nói hoặc đầu ra chữ nổi Braille. Nó cho phép người khiếm thị hoặc có thị lực kém sử dụng máy tính, duyệt web và tương tác với ứng dụng. Trình đọc màn hình diễn giải cấu trúc trang (tiêu đề, liên kết, biểu mẫu, hình ảnh) và trình bày chúng theo trình tự cho người dùng điều hướng bằng bàn phím.
Các trình đọc màn hình chính bao gồm NVDA (miễn phí, Windows), JAWS (thương mại, Windows), VoiceOver (tích hợp macOS/iOS) và TalkBack (tích hợp Android). Mỗi trình đọc có phím tắt và hành vi điều hướng riêng. VoiceOver trên iPhone đã cách mạng hóa khả năng truy cập di động, cho phép người khiếm thị sử dụng smartphone thông qua cử chỉ chạm và phản hồi giọng nói. Bạn có thể tham khảo sách hướng dẫn khả năng truy cập web về phát triển tương thích trình đọc màn hình.
Để trang web hoạt động tốt với trình đọc màn hình, nhà phát triển phải tuân thủ các thực hành khả năng truy cập. HTML ngữ nghĩa (<nav>, <main>, <article>, <header>) cung cấp cấu trúc mà trình đọc màn hình sử dụng để điều hướng. Thuộc tính alt trên hình ảnh cung cấp mô tả văn bản. Nhãn biểu mẫu (<label>) liên kết với trường nhập liệu. Thuộc tính ARIA (aria-label, aria-describedby, role) bổ sung thông tin khi HTML ngữ nghĩa không đủ.
Trình đọc màn hình điều hướng trang theo nhiều cách. Người dùng có thể nhảy giữa các tiêu đề (H1-H6), liên kết, vùng landmark hoặc phần tử biểu mẫu. Phân cấp tiêu đề đúng cách là thiết yếu - bỏ qua cấp (ví dụ: H1 rồi H3) gây nhầm lẫn. Thứ tự tab phải logic và có thể dự đoán. Nội dung động (cập nhật AJAX) cần aria-live để thông báo thay đổi.
Một quan niệm sai lầm phổ biến là khả năng truy cập chỉ dành cho người khiếm thị. Trên thực tế, khả năng truy cập web có lợi cho nhiều người dùng: người dùng bàn phím, người có khuyết tật vận động, người cao tuổi, và thậm chí người dùng trong tình huống tạm thời (tay bận, môi trường sáng). Ngoài ra, trang web có khả năng truy cập tốt thường có SEO tốt hơn vì cả trình đọc màn hình và công cụ tìm kiếm đều dựa vào HTML có cấu trúc tốt. Bạn có thể tham khảo sách thiết kế bao trùm để tìm hiểu thêm.
Từ góc độ đếm ký tự, trình đọc màn hình đọc mọi ký tự hiển thị, khiến độ dài văn bản ảnh hưởng trực tiếp đến trải nghiệm nghe. Văn bản thay thế hình ảnh quá dài gây mệt mỏi cho người nghe, trong khi quá ngắn thì thiếu thông tin. Sử dụng công cụ đếm ký tự để tối ưu hóa độ dài văn bản alt (khuyến nghị 125 ký tự trở xuống) cải thiện trải nghiệm trình đọc màn hình.