Làm cách nào để ẩn bất kỳ phần tử nào khỏi trang từ Trình tạo màn hình nhưng không phải từ trang cho người dùng bình thường?

Question

Làm cách nào để ẩn bất kỳ phần tử nào khỏi trang từ Trình tạo màn hình nhưng không phải từ trang cho người dùng bình thường?

Tôi biết các đoạn mã này nhưng tôi muốn ẩn nội dung nào đó khỏi màn hình redaer nhưng không phải từ trang trực quan. Trình đọc màn hình nên bỏ qua phần ẩn.

/* Hide for both screenreaders and browsers 
     css-discuss.incutio.com/wiki/Screenreader_Visibility */ 
    .hidden { display: none; visibility: hidden; } 

/* Hide only visually, but have it available for screenreaders 
    www.webaim.org/techniques/css/invisiblecontent/ ; & j.mp/visuallyhidden ; */ 
    .visuallyhidden { position: absolute !important; 
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ 
    clip: rect(1px, 1px, 1px, 1px); } 

/* Hide visually and from screenreaders, but maintain layout */ 
    .invisible { visibility: hidden; } 

Answer 1

Tôi không chắc chắn nếu Trình đọc màn hình sẽ tuân theo bất kỳ điều gì trong Mô-đun Speech CSS3 mới, nhưng nó có thể là thứ bạn có thể thử nghiệm.

http://www.w3.org/TR/css3-speech/

Answer 2

Tôi nghĩ rằng câu trả lời của Michael trên sẽ là cách ngữ nghĩa và âm thanh thích hợp nhất của việc hoàn thành những gì bạn muốn. Vấn đề duy nhất là trên trình duyệt màn hình \ hỗ trợ trình duyệt như ông chỉ ra.

Cách nhanh chóng và bẩn là hiển thị bất kỳ nội dung nào bạn muốn trực quan dưới dạng hình ảnh và sau đó gán cho nó một giá trị văn bản thay thế trống, ví dụ:

<img src="visualcontentonly.png" alt="" /> 

Nội dung bạn muốn ẩn từ người dùng trình đọc màn hình là gì? Có thể có cách thích hợp hơn để giải quyết vấn đề này. Trong khi hiển thị nó như là một hình ảnh sẽ làm việc, nó có thể được tán thành từ một quan điểm tiếp cận, tùy thuộc vào nội dung là gì.

Answer 3

Sử dụng này trên các yếu tố:

aria-hidden="true" 

này sẽ hiển thị các yếu tố như bình thường để người dùng thị lực, nhưng không được đọc to bằng một trình đọc màn hình.