Cách sử dụng NVDA đọc nội dung trên website

2 min read

NVDA đọc nội dung trên website

NVDA là gì? Cách NVDA đọc nội dung trên website

NVDA Là Gì?

NVDA (NonVisual Desktop Access) là phần mềm đọc màn hình miễn phí hỗ trợ người khiếm thị truy cập máy tính thông qua giọng nói tổng hợp. Phát triển bởi NV Access, NVDA hoạt động trên hệ điều hành Windows và tích hợp với các tiêu chuẩn trợ năng truy cập.

Tính Năng Chính

Đọc nội dung màn hình: Sử dụng công cụ TTS (Text-to-Speech) để chuyển văn bản thành giọng nói.

Hỗ trợ truy cập web: Tương thích với các trình duyệt phổ biến như Chrome, Firefox, Edge.

Tích hợp ứng dụng văn phòng: Hỗ trợ Microsoft Word, Excel, Outlook.

Hỗ trợ nhiều ngôn ngữ: Bao gồm tiếng Anh, Việt và các ngôn ngữ khác.

Di động linh hoạt: Có thể chạy từ USB không cần cài đặt.

Cách NVDA Đọc Nội Dung Trên Website

NVDA sử dụng Accessibility API để trích xuất và chuyển đổi nội dung web thành giọng nói. Các trình duyệt hỗ trợ API này bao gồm Chrome, Firefox và Edge.

Cơ Chế Hoạt Động

Trích xuất nội dung: Sử dụng Accessibility API để nhận diện cấu trúc trang web.

Phân tích HTML: Xác định thẻ quan trọng như:

<h1>, <p>, <a>, <button>

Chuyển đổi giọng nói: Dành cho việc đọc nội dung bằng các công cụ TTS như eSpeak, SAPI5.

Hỗ trợ phím tắt: Cho phép người dùng duy chuyển nhanh:

  • H – Tiêu đề
  • K – Liên kết
  • F – Ô nhập liệu
  • T – Bảng dữ liệu

Insert + F7 – Danh sách liên kết

NVDA và WAI-ARIA

NVDA hỗ trợ WAI-ARIA (Web Accessibility Initiative – Accessible Rich Internet Applications), giúp cải thiện truy cập các ứng dụng web động.

Thuộc tính ARIA quan trọng

  • aria-label: Gửi nhãn thay thế cho nội dung hiển thị.
  • aria-labelledby: Liên kết với mô tả có sẵn.
  • aria-describedby: Thêm mô tả bổ sung.
  • role: Xác định vai trò phần tử (vd: button, alert, dialog).
  • aria-live: Cập nhật nội dung động.
  • aria-hidden: Ẩn đối tượng với NVDA.
  • aria-expanded: Trạng thái mở/đóng menu.
  • aria-pressed: Trạng thái bật/tắt của nút.
  • aria-disabled: Chỉnh trạng thái vô hiệu hoá.
  • aria-current: Xác định mục hiện tại.

Kết Luận

NVDA là công cụ hụ ích giúp người khiếm thị duy chuyển và tương tác trên web hiệu quả. Việc tuân thủ Accessibility API và WAI-ARIA là yếu tố quan trọng đối với nhà phát triển web nhằm hỗ trợ tốt nhất cho người dùng NVDA.

Avatar photo

Leave a Reply

Your email address will not be published. Required fields are marked *