Screen reader là gì và nó đọc một trang web như thế nào?

Screen reader là phần mềm chuyển nội dung trên màn hình thành giọng nói hoặc chữ nổi braille. Người mù hoặc nhìn kém dùng nó, và cả một số người mắc chứng khó đọc hoặc khuyết tật nhận thức.

Nó không đọc pixel. Nó đọc accessibility tree mà trình duyệt dựng từ HTML của bạn, nên những gì nó nói phụ thuộc vào markup.

Với mỗi phần tử, nó thông báo role, name và state, như "Submit order, button" hay "Subscribe, checkbox, not checked".

Người dùng hiếm khi nghe tuyến tính. Họ điều hướng theo cấu trúc:

• Danh sách heading, landmark, link và trường form, với phím tắt một phím (ví dụ H để tới heading kế tiếp trong NVDA).
• Browse mode (con trỏ ảo): phím mũi tên di chuyển qua nội dung, và các phím nhảy giữa các loại phần tử.
• Focus hoặc forms mode: việc gõ phím đi vào trường nhập, và các phím được chuyển cho trang.

Các screen reader phổ biến: NVDA và JAWS trên Windows, VoiceOver trên macOS và iOS, TalkBack trên Android.

Điều này có nghĩa gì với developer: hãy dùng heading, landmark, label, alt text và control native, để cấu trúc mà người dùng điều hướng theo thực sự tồn tại.