Modern versions of assistive techno

Modern versions of assistive technologies will announce CSS generated content, as well as specific Unicode characters. To avoid unintended and confusing output in screen readers (particularly when icons are used purely for decoration), we hide them with the aria-hidden="true" attribute.

If you're using an icon to convey meaning (rather than only as a decorative element), ensure that this meaning is also conveyed to assistive technologies – for instance, include additional content, visually hidden with the .sr-only class.

If you're creating controls with no other text (such as a that only contains an icon), you should always provide alternative content to identify the purpose of the control, so that it will make sense to users of assistive technologies. In this case, you could add an aria-label attribute on the control itself.

Kết quả (Việt) 1:

Các phiên bản hiện đại của công nghệ trôï giuùp sẽ công bố CSS tạo ra nội dung, cũng như các ký tự Unicode cụ thể. Để tránh đầu ra không mong muốn và khó hiểu trong trình đọc màn hình (đặc biệt là khi biểu tượng được sử dụng hoàn toàn nhất trí), chúng tôi ẩn chúng với các thuộc tính ẩn aria = "true".Nếu bạn đang sử dụng một biểu tượng để truyền đạt ý nghĩa (chứ không phải chỉ là một yếu tố trang trí), đảm bảo rằng điều này có nghĩa là cũng chuyển tải về các công nghệ trôï giuùp-ví dụ, bao gồm các nội dung bổ sung, trực quan ẩn với các lớp học chỉ có .sr.Nếu bạn đang tạo điều khiển với các văn bản khác không có (chẳng hạn như một mà chỉ chứa các biểu tượng), bạn nên luôn luôn cung cấp các nội dung khác để xác định mục đích của việc kiểm soát, vì vậy mà nó sẽ làm cho tinh thần cho người sử dụng các công nghệ trôï giuùp. Trong trường hợp này, bạn có thể thêm một nhãn aria thuộc tính trên bộ điều khiển chính nó.

Kết quả (Việt) 2:

Phiên bản hiện đại của công nghệ hỗ trợ sẽ công bố CSS tạo ra nội dung, cũng như các ký tự Unicode cụ thể. Để tránh ra ngoài ý muốn và gây nhầm lẫn trong trình đọc màn hình (đặc biệt là khi các biểu tượng được sử dụng hoàn toàn cho trang trí), chúng tôi giấu chúng với các thuộc tính = aria-ẩn "true".

Nếu bạn đang sử dụng một biểu tượng để chuyển tải ý nghĩa (chứ không phải chỉ là một yếu tố trang trí), đảm bảo rằng ý nghĩa này cũng được chuyển tải đến công nghệ hỗ trợ -. Ví dụ, bao gồm nội dung bổ sung, ẩn trực quan với lớp .sr chỉ

Nếu bạn đang tạo điều khiển không có văn bản khác (chẳng hạn như mộtmà chỉ có một biểu tượng), bạn nên luôn luôn cung cấp nội dung thay thế để xác định mục đích của kiểm soát, do đó nó sẽ làm cho tinh thần để người sử dụng công nghệ hỗ trợ. Trong trường hợp này, bạn có thể thêm một thuộc tính aria-nhãn trên sự kiểm soát bản thân.