speakСвойство в CSS для определения , если браузер должен говорить содержание он читает, например, с помощью программы чтения с экрана.
.module ( speak: never; speak-as: spell-out; )Ценности для speak
auto: Пока элемента нетdisplay: blockи естьvisibility: visible, текст будет читаться на слух.never: текст на слух не читаетсяalways: текст будет прочитан на слух, независимо отdisplayзначения или значений предкаspeak.
Ценности для speak-as
Относительно speakтого, как будет читаться текст:
normal: Принимаетspeakнастройки браузера по умолчанию .spell-out: Дает указание браузеру записывать содержимое свойств по буквам, а не произносить слова целиком.digits: Читает числа по одному, например, 69 будет читаться как «шесть девять». Отлично.literal-punctuation: Знаки препинания пишутся по буквам (например, точки с запятой), а не используются как паузы.no-punctuation: Полностью пропускает пунктуацию.
Как вы «стилизуете» речь?
speakСвойство меньше о стилизации речи для чтения с экрана , чем это портного опыт доступности на сайт, когда используются для чтения с экрана.
Заманчиво думать о стилизации речи с точки зрения пола, высоты тона, акцента и других способов, которыми мы сами говорим в реальной жизни, но это не так speak. Этот уровень контроля в настоящее время рассматривается voiceв модуле речи CSS.
Дополнительная информация
- Поговорим о речевом CSS
- Спецификация модуля речи CSS
- Использование Web Speech API для имитации поддержки речи CSS
- Переполнение стека при поддержке Speak
Поддержка браузера
На момент написания этой статьи поддержки нет. Похоже, что Opera изначально поддерживала свойство с -xv-префиксом до того, как браузер объединился с механизмом рендеринга Blink, используемым Chrome.
MDN говорит о словах в отношении стилей встречных:
- One
- Two
- Three
- Four
- Five
@counter-style speak-as-example ( system: fixed; symbols: ; suffix: " "; speak-as: numbers; ) .list ( list-style: speak-as-example; )Firefox поддерживает это, поскольку я обновляю эту статью.