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
- Використання 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 це підтримує, оскільки я оновлюю цю статтю.