Mô tả khả năng tiếp cận

Mô tả khả năng tiếp cận (accessible description) là phần mô tả của một phần tử giao diện người dùng, cung cấp thông tin bổ sung để giúp người dùng công nghệ hỗ trợ hiểu phần tử giao diện và ngữ cảnh của nó. Nó được liên kết với một phần tử HTML hoặc SVG và cung cấp cho người dùng bối cảnh bổ sung về mục đích của phần tử, ngoài những gì được cung cấp bởi tên khả năng tiếp cận của phần tử. Điều này đặc biệt quan trọng đối với người dùng sử dụng công nghệ hỗ trợ như trình đọc màn hình. Mô tả khả năng tiếp cận của một phần tử là một phần của cây khả năng tiếp cận.

Ví dụ, tên khả năng tiếp cận của một phần tử <table> được cung cấp bởi <caption> đầu tiên của nó. Trong trường hợp bảng dữ liệu phức tạp, một hoặc hai câu mô tả bảng có thể cung cấp một mô tả. Đây có thể là một đoạn văn ngay trước hoặc sau bảng, cả về mặt trực quan và trong thứ tự nguồn. Nếu ở nơi khác theo thứ tự nguồn, hoặc để làm rõ sự liên kết, thuộc tính aria-describedby có thể được sử dụng để liên kết bảng với mô tả của nó.

Tương tự, khi người dùng được yêu cầu tạo mật khẩu, <label> cho phần tử <input> kiểu password cung cấp tên khả năng tiếp cận của nó. Một mô tả khả năng tiếp cận tốt bao gồm các yêu cầu về mật khẩu theo cách hiển thị cho tất cả người dùng. Nó có thể được liên kết rõ ràng với input thông qua thuộc tính aria-describedby, điều này thêm nó vào cây khả năng tiếp cận như là phần 'description' cho nút đó.

Mô tả được rút gọn thành chuỗi văn bản. Trong ví dụ mật khẩu của chúng ta, nếu giá trị thuộc tính aria-describedby của input là id của một phần tử HTML <ul> với danh sách các yêu cầu, thì mô tả là văn bản nối và các tương đương văn bản của tất cả các mục trong danh sách.

Bạn có thể kiểm tra mô tả khả năng tiếp cận cho bất kỳ phần tử nào trên trang của mình: hãy xem tab khả năng tiếp cận trong công cụ developer của trình duyệt, cung cấp thông tin khả năng tiếp cận cho phần tử hiện đang được chọn.