Nói chuyện - Thủ thuật CSS

Anonim

Các speakbất động sản trong CSS là để xác định nếu một trình duyệt nên nói chuyện nội dung nó đọc, chẳng hạn như thông qua một trình đọc màn hình.

.module ( speak: never; speak-as: spell-out; )

Giá trị cho speak

  • auto: Miễn là phần tử không display: blockvà đang tồn tại visibility: visible, văn bản sẽ được đọc bằng âm thanh.
  • never: văn bản sẽ không được đọc bằng âm thanh
  • always: văn bản sẽ được đọc bằng âm thanh, bất kể displaygiá trị hoặc giá trị tổ tiên của speak.

Giá trị cho speak-as

Liên quan đến speakkhi nó đi sâu vào cách đọc văn bản:

  • normal: Thực hiện speakcài đặt mặc định của trình duyệt .
  • spell-out: Hướng dẫn trình duyệt đánh vần nội dung thuộc tính thay vì nói toàn bộ từ.
  • digits: Đọc các số một lần, như 69 sẽ được đọc là “sáu chín”. Đẹp.
  • literal-punctuation: Đánh vần dấu chấm câu (như dấu chấm phẩy) thay vì coi chúng như dấu chấm.
  • no-punctuation: Hoàn toàn bỏ qua dấu câu.

Làm thế nào để bạn "phong cách" bài phát biểu?

Các speaktài sản là ít về phong cách bài phát biểu của một trình đọc màn hình hơn là nó được thiết kế riêng những trải nghiệm khả năng tiếp cận của trang web khi trình đọc màn hình đang được sử dụng.

Thật hấp dẫn khi nghĩ đến việc tạo kiểu giọng nói về giới tính, cao độ, trọng âm và những cách khác mà bản thân chúng ta nói trong cuộc sống thực, nhưng không phải vậy speak. Mức độ kiểm soát đó hiện đang được xem xét voicetrong Mô-đun giọng nói CSS.

Thêm thông tin

  • Hãy nói về CSS giọng nói
  • Thông số mô-đun giọng nói CSS
  • Sử dụng API Web Speech để mô phỏng hỗ trợ CSS Speech
  • Ngăn xếp tràn khi hỗ trợ nói

Hỗ trợ trình duyệt

Không có hỗ trợ tại thời điểm viết bài này. Có vẻ như Opera đã từng hỗ trợ thuộc tính một cách nguyên bản bằng một -xv-tiền tố trước khi trình duyệt hợp nhất với công cụ kết xuất Blink được Chrome sử dụng.

MDN nói về speak-as liên quan đến phong cách truy cập:

 

    

  • One
    • 

  • Two
    • 

  • Three
    • 

  • Four
    • 

  • Five
    • 



@counter-style speak-as-example ( system: fixed; symbols:     ; suffix: " "; speak-as: numbers; ) .list ( list-style: speak-as-example; )

Firefox hỗ trợ điều đó, khi tôi cập nhật bài viết này.