ARIA Label

Thuộc tính được định nghĩa trong đặc tả WAI-ARIA cung cấp tên truy cập cho các phần tử UI. Chỉ định văn bản được trình đọc màn hình đọc.

ARIA label (aria-label) là thuộc tính được định nghĩa trong đặc tả WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications) cung cấp tên truy cập cho các phần tử UI. Nó được sử dụng để cung cấp thông tin văn bản cho các phần tử không có nhãn trực quan, đóng vai trò là gợi ý cho trình đọc màn hình khi thông báo các phần tử.

aria-label đặc biệt hiệu quả cho các nút chỉ có biểu tượng, các mốc điều hướng và các phần tử khác mà thiết kế truyền tải ý nghĩa trực quan nhưng thiếu thông tin văn bản. Ví dụ, nếu nút tìm kiếm chỉ chứa biểu tượng kính lúp, thêm aria-label="Search" sẽ truyền đạt mục đích của nút cho người dùng trình đọc màn hình. Tương tự, khi trang có nhiều phần tử <nav>, aria-label="Điều hướng chính"aria-label="Điều hướng chân trang" giúp phân biệt chúng. Hướng dẫn khả năng truy cập ARIA bao gồm các chủ đề này chi tiết.

Các thuộc tính liên quan bao gồm aria-labelledby (tham chiếu văn bản từ phần tử khác) và aria-describedby (tham chiếu mô tả bổ sung). aria-label chỉ định văn bản trực tiếp trên phần tử, trong khi aria-labelledby tham chiếu ID phần tử hiện có. Khi văn bản phù hợp đã tồn tại trên trang, aria-labelledby được ưu tiên; aria-label được sử dụng khi không có văn bản như vậy.

Một nguyên tắc quan trọng là việc sử dụng ARIA nên giới hạn trong các trường hợp mà nhãn HTML gốc (phần tử <label>, thuộc tính alt, nội dung văn bản <button>) không đủ. Quy tắc đầu tiên của WAI-ARIA là "Nếu bạn có thể sử dụng phần tử HTML gốc, hãy làm vậy thay vì sử dụng ARIA." Sử dụng ARIA quá mức thực sự có thể gây hại cho khả năng truy cập và có thể thay đổi hành vi trình đọc màn hình theo cách không mong đợi. Hướng dẫn thực hành khả năng truy cập web cung cấp thêm thông tin chi tiết.

Từ góc độ đếm ký tự, văn bản aria-label không hiển thị trên màn hình nhưng được trình đọc màn hình đọc, vì vậy giữ cho nó ngắn gọn và rõ ràng là quan trọng. Nhãn quá dài gây gánh nặng cho người dùng, trong khi nhãn quá ngắn thiếu thông tin. Thông thường, các biểu đạt ngắn gọn 2-3 từ được khuyến nghị.