Den speakeiendom i CSS er for å spesifisere om en nettleser bør snakke innholdet den leser, for eksempel gjennom en skjermleser.
.module ( speak: never; speak-as: spell-out; )Verdier for speak
auto: Så lenge elementet ikke erdisplay: blockog ervisibility: visible, vil teksten bli lest auralt.never: teksten blir ikke lest auraltalways: tekst vil bli lest aurally, uavhengig avdisplayverdi eller forfedre verdier avspeak.
Verdier for speak-as
Relatert til speaknår det kommer inn i hvordan teksten skal leses:
normal: Tar nettleserens standardinnstillingerspeak.spell-out: Be nettleseren om å stave et innhold i egenskapene i stedet for å uttale fulle ord.digits: Les tall én om gangen, som om 69 ville bli lest "seks ni". Hyggelig.literal-punctuation: Staver ut punkteringer (som semikolon) i stedet for å behandle dem som pauser.no-punctuation: Hopper helt over tegnsetting.
Hvordan "styler" du talen?
Den speakegenskapen er mindre om styling talen til en skjermleser enn det er å skreddersy opplevelsen av et nettsted tilgjengelighet når skjermlesere blir brukt.
Det er fristende å tenke på styling i form av kjønn, tonehøyde, aksent og andre måter som vi selv snakker i virkeligheten, men det er ikke tilfelle med speak. Det nivået av kontroll er det som for øyeblikket vurderes voicei CSS Talemodul.
Mer informasjon
- La oss snakke om tale CSS
- CSS Speech Module spesifikasjon
- Bruke Web Speech API for å simulere CSS Speech-støtte
- Stack Overflow on Speak Support
Nettleserstøtte
Det er ingen støtte i skrivende stund. Det ser ut til at Opera pleide å støtte eiendommen med et -xv-prefiks før nettleseren slo seg sammen med Blink-gjengivelsesmotoren som ble brukt av Chrome.
MDN snakker om speak-as i forhold til motstiler:
- One
- Two
- Three
- Four
- Five
@counter-style speak-as-example ( system: fixed; symbols: ; suffix: " "; speak-as: numbers; ) .list ( list-style: speak-as-example; )Firefox støtter det, da jeg oppdaterer denne artikkelen.