В 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 Speech Module.
Повече информация
- Нека поговорим за CSS за реч
- CSS Speech Module спец
- Използване на Web Speech API за симулиране на поддръжка на CSS Speech
- Препълване на стека при поддръжка на 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 поддържа това, тъй като актуализирам тази статия.