Hướng dẫn ARIA

Accessible Rich Internet Applications (ARIA) định nghĩa các cách để làm cho web dễ tiếp cận hơn với người khuyết tật. Trang này liệt kê các hướng dẫn mà bạn có thể dùng để cải thiện trợ năng của các tính năng trên trang web như bảng, biểu mẫu và điều hướng bằng bàn phím.

Hướng dẫn cho người triển khai trình đọc màn hình ARIA

Đây chỉ là một tài liệu hướng dẫn. Markup live region là một lĩnh vực phức tạp và phần nào còn để ngỏ cho việc diễn giải. Nội dung sau đây nhằm cung cấp hướng dẫn triển khai, đồng thời tôn trọng nhu cầu của các nhà phát triển trình đọc màn hình trong việc thử nghiệm những cách tiếp cận khác nhau. Mục tiêu là cân bằng giữa việc đưa ra hướng dẫn hữu ích về cách dùng ý nghĩa dự định của markup và việc hỗ trợ live region như một lĩnh vực để các trình đọc màn hình đổi mới và cạnh tranh.

Nhãn nhiều phần: dùng ARIA cho nhãn có trường được nhúng bên trong

Bạn có một biểu mẫu trong đó bạn đặt câu hỏi cho người dùng, nhưng câu trả lời lại được nhắc tới ngay trong chính câu hỏi. Một ví dụ kinh điển mà chúng ta đều biết từ phần cài đặt trình duyệt là tùy chọn "Xóa lịch sử sau x ngày". "Xóa lịch sử sau" nằm bên trái hộp văn bản, x là con số, ví dụ 21, và từ "ngày" nằm sau hộp văn bản, tạo thành một câu dễ hiểu.

Sử dụng ARIA: vai trò, trạng thái và thuộc tính

ARIA định nghĩa các ngữ nghĩa có thể được áp dụng cho các phần tử. Chúng được chia thành vai trò (định nghĩa một loại phần tử giao diện người dùng) và trạng thái cùng thuộc tính được vai trò đó hỗ trợ. Tác giả phải gán một vai trò ARIA và các trạng thái, thuộc tính phù hợp cho phần tử trong suốt vòng đời của nó, trừ khi phần tử đó đã có sẵn ngữ nghĩa ARIA phù hợp, chẳng hạn thông qua việc dùng một phần tử HTML thích hợp. Việc bổ sung ngữ nghĩa ARIA chỉ cung cấp thêm thông tin cho accessibility API của trình duyệt và không ảnh hưởng đến DOM của trang.

Vùng live ARIA

Bằng JavaScript, có thể thay đổi động các phần của trang mà không cần tải lại toàn bộ trang - ví dụ, để cập nhật danh sách kết quả tìm kiếm theo thời gian thực, hoặc để hiển thị một cảnh báo hay thông báo kín đáo không cần người dùng tương tác. Trong khi các thay đổi này thường hiển thị rõ với người dùng nhìn thấy được trang, chúng có thể không rõ ràng với người dùng công nghệ trợ năng. Vùng live ARIA lấp đầy khoảng trống này và cung cấp một cách để hiển thị có lập trình các thay đổi nội dung động theo cách mà công nghệ trợ năng có thể thông báo.