Xem Trước Trình Đọc Màn Hình

Dán HTML để xem cách trình đọc màn hình sẽ tuyến tính hóa và đọc nó. Kiểm tra văn bản alt, tiêu đề và thuộc tính ARIA của bạn.

Đầu ra trình đọc màn hình

Dán HTML và nhấp Phân tích.
📚 Cơ sở khoa học và nguồn

Công cụ này dành cho ai

Trình đọc màn hình là công nghệ hỗ trợ thiết yếu cho người mù hoặc người khiếm thị nặng. Theo Báo cáo Toàn cầu về Thị lực của WHO (2019), ít nhất 2,2 tỷ người trên thế giới mắc khiếm thị, trong đó khoảng 43 triệu người bị mù. Khảo sát Người dùng Trình đọc Màn hình của WebAIM (2024) liên tục cho thấy phần lớn người dùng trình đọc màn hình là người khuyết tật, mù lòa là lý do phổ biến nhất. Các nhà phát triển, thiết kế và người tạo nội dung sử dụng công cụ này để xem trước cách HTML của họ sẽ được công nghệ hỗ trợ diễn giải — giúp phát hiện văn bản thay thế bị thiếu, cấu trúc tiêu đề không chính xác, các nút và trường không có tên có thể truy cập, và việc sử dụng ARIA sai, trước khi người dùng cuối gặp phải.

Cách công cụ này hoạt động

Công cụ này phân tích HTML của bạn qua DOMParser tích hợp của trình duyệt (không có dữ liệu nào rời khỏi thiết bị của bạn), sau đó duyệt cây khả năng tiếp cận để xây dựng thứ tự đọc tuyến tính hóa. Nó kiểm tra sự hiện diện của văn bản thay thế trên hình ảnh, tính nhất quán của các cấp độ tiêu đề, các liên kết và nút không có tên có thể truy cập, các vai trò và nhãn ARIA, cũng như các trường biểu mẫu không có nhãn liên kết.

Tài liệu tham khảo khoa học

  • WebAIM (2024). « Screen Reader User Survey #10 Results. » webaim.org · Khảo sát đang diễn ra lớn nhất về cách sử dụng trình đọc màn hình, kết hợp trình duyệt và rào cản tiếp cận. Liên tục phát hiện rằng tiêu đề và mốc (landmarks) là các chiến lược điều hướng chính của người dùng.
  • Tổ chức Y tế Thế giới (2019). Báo cáo Toàn cầu về Thị lực. · Báo cáo rằng ít nhất 2,2 tỷ người trên thế giới mắc khiếm thị gần hoặc xa, trong đó khoảng 43 triệu người bị mù.
  • Power, C., Freire, A., Petrie, H. & Swallow, D. (2012). « Guidelines are only half of the story: Accessibility problems encountered by blind users on the web. » Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '12). · Đã phát hiện rằng một phần đáng kể các vấn đề về khả năng tiếp cận mà người dùng mù gặp phải không được WCAG bao quát một mình, nhấn mạnh nhu cầu xem xét thủ công và kiểm thử bằng trình đọc màn hình.
  • Lazar, J., Allen, A., Kleinman, J. & Malarkey, C. (2007). « What frustrates screen reader users on the web: A study of 100 blind users. » International Journal of Human-Computer Interaction, 22(3), 247–269. · Đã xác định văn bản thay thế bị thiếu, các trường biểu mẫu không có nhãn và các nhãn liên kết gây hiểu lầm là một trong những thất vọng chính được người dùng mù báo cáo.
  • W3C WAI (2023). « WAI-ARIA Authoring Practices 1.2. » · Định nghĩa cách các vai trò, trạng thái và thuộc tính nên được sử dụng để làm cho nội dung động có thể tiếp cận với công nghệ hỗ trợ.

Tuyên bố từ chối

Công cụ này cung cấp một xấp xỉ đơn giản hóa của đầu ra trình đọc màn hình dựa trên cây khả năng tiếp cận HTML. Trình đọc màn hình thực tế (NVDA, JAWS, VoiceOver, TalkBack) khác nhau về cách thông báo nội dung, xử lý các thuộc tính ARIA và tương tác với các widget động. Bản xem trước này không thay thế việc kiểm thử với trình đọc màn hình thực tế và người dùng thực tế. Nó nhằm phát hiện các vấn đề phổ biến sớm trong quá trình viết.

Công cụ liên quan

Trình Kiểm Tra Tiêu Đề WCAG Tài nguyên về khả năng tiếp cận Trình tạo bảng màu dễ tiếp cận Trình kiểm tra tương phản màu