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.
Để 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.
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.