Là gì

Screen Reader Là Gì ? Nghĩa Của Từ Screen Reader Trong Tiếng Việt

aria-label là một tính chất được hỗ trợ bởi HTML5 để tăng lên khả năng diễn giải cho người khuyết tật. Đó là một phần quan trọng của Khả năng truy cập web nhưng Mã Tốt trước đây thiếu.

Đang xem: Trình đọc màn hình là gì

aria-label gì?

Đây là một tính chất được thêm vào HTML5 để giúp giảng giải nội dung hoặc hành động trên trình đọc màn hình hỗ trợ.

Ví dụ: bạn có một nút đóng cửa sổ bật lên như thế này:

xNếu trong trình đọc, nó sẽ chỉ phát ra âm thanh “x” nhưng ko giúp người dùng biết hành vi nào nên được thực hiện.

Lúc sử dụng aria-label, người đọc sẽ phát ra âm thanh, ví dụ:

xĐiều này là cần thiết để giúp người khuyết tật tăng khả năng truy cập trang web của bạn.

Kỹ thuật triển khai aria-label

Sử dụng aria-label cần xác định bối cảnh và môi trường của hành vi sử dụng. Một số ví dụ rộng rãi dưới đây giúp chúng tôi xem xét sử dụng tính chất này đúng cách.

Tình huống 1: Nút đóng trong cửa sổ bật lên / phương thức

Tình huống này mình đã mô tả ở trên, tức là phần mô tả nội dung cho các nút ở dạng hành động (ko liên kết).

Xem thêm: Dưới đây là 15 Launcher 3 để làm gì, Top Launcher Android tốt nhất 2021

Tình huống 2: Sử dụng trong liên kết

Đối với liên kết, việc thêm mô tả giúp người dùng trỏ hướng tốt hơn, đặc trưng với nhiều loại liên kết có cùng loại nhưng nội dung không giống nhau như “Xem phòng”, “Xem cụ thể” cho nhiều loại “Phòng” không giống nhau chẳng hạn. Điều cần thiết để cụ thể hóa liên kết bằng cách thêm thông tin bổ sung.

Xem phòngXem phòng

Tình huống 3: Biểu mẫu nhập dữ liệu có mô tả

Kịch bản này chỉ ra một nhãn aria giúp người dùng phân biệt cụ thể các loại đầu vào nhưng họ sẽ nhập.

Điện thoại cơ quan

Tình huống 4: Sử dụng cùng một vai trò. tính chất

Với các tính chất vai trò HTML5, cần phải xác định thêm một nhãn aria để giúp phân tích các loại không giống nhau.

Đặc tính arial-labelby

Kế bên tính chất aria-label vừa nói đến, chúng ta cũng cần biết cách sử dụng aria-labelby trong các trường hợp đã xác định.

Xem thêm: Cúng Thần Tài Thổ Địa Cuối Năm Ngày Nào, Mâm Cúng Thần Tài Hàng Ngày & Mùng 10 Hàng Tháng

arial-labelby hơi khác vì nó yêu cầu xác định nhân vật sẽ hoạt động như nhãn trong một khu vực. Nói thì khó, nhưng hãy tham khảo ví dụ dưới đây, bạn sẽ thấy rất dễ hiểu:

Chào mừng tới với nhóm của chúng tôi

Về thực chất, nó giống như một phép gán cho một phần tử có chứa id để trình đọc màn hình có thể đọc nó. Cũng vì lý do trên, nó yêu cầu:

Phần tử được chỉ định cần sử dụng id = “”. Tính chất phần tử ko nhất quyết phải ở bên trong hoặc bên ngoài, miễn sao nó được chỉ định trong tài liệu. aria-labelby sẽ ghi đè nếu có các tính chất khác, như aria- label hoặc tag

Một ví dụ khác về aria-labelby để bạn hiểu rõ hơn:

Các loại
Tài liệu tham khảo Những người quan tâm có thể tham khảo khóa học Tuân thủ khả năng truy cập web (TreeHouse) để hiểu rõ hơn.

Bạn thấy bài viết Screen Reader Là Gì ? Nghĩa Của Từ Screen Reader Trong Tiếng Việt có khắc phục đươc vấn đề bạn tìm hiểu ko?, nếu  ko hãy comment góp ý thêm về Screen Reader Là Gì ? Nghĩa Của Từ Screen Reader Trong Tiếng Việt bên dưới để yt2byt.edu.vn có thể thay đổi & cải thiện nội dung tốt hơn cho độc giả nhé! Cám ơn bạn đã ghé thăm Website Trường Cao đẳng Kỹ thuật Y tế II

Phân mục: Hỏi đáp

Nguồn: yt2byt.edu.vn

Related Articles

Leave a Reply

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

Check Also
Close
Back to top button