speak-as
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Die speak-as CSS Eigenschaft wird verwendet, um zu definieren, wie HTML Inhalt gesprochen wird. Die ein bis drei aufgezählten Schlüsselbegriffe bestimmen die Art und Weise, wie Elemente und Texte durch Audio-Technologien wie Screenreader und digitale Assistenten wiedergegeben werden.
Diese Eigenschaft gilt für alle Inhalte, einschließlich Pseudo-Elementen, mit der Ausnahme von ::marker Pseudo-Elementen, die über einen @counter-style mit einem definierten speak-as Deskriptor konstruiert sind, welcher Vorrang vor jedem geerbten speak-as Eigenschaftswert hat.
Syntax
/* single value syntax */
speak-as: normal;
speak-as: spell-out;
speak-as: literal-punctuation;
speak-as: digits;
speak-as: no-punctuation;
/* multiple value syntax */
speak-as: spell-out literal-punctuation;
speak-as: spell-out no-punctuation;
speak-as: digits literal-punctuation;
speak-as: digits no-punctuation;
speak-as: spell-out digits literal-punctuation;
speak-as: spell-out digits no-punctuation;
Werte
normal-
Normale Aussprache-Regeln mit durch Pausen ersetzter Interpunktion. Zum Beispiel würde "Hello, world!" als "Hello (Pause) world (Pause)" ausgesprochen. Dies ist der Standardwert.
spell-out-
Inhalt wird Buchstabe für Buchstabe buchstabiert. Zum Beispiel würde "role" als "r" "o" "l" "e" ausgesprochen.
literal-punctuation-
Interpunktionszeichen werden buchstäblich ausgesprochen. Zum Beispiel würde "Hello, world!" als "Hello Komma world Ausrufezeichen" ausgesprochen.
digits-
Zahlen werden als einzelne Ziffern ausgesprochen. Zum Beispiel würde "31" als "drei eins" ausgesprochen.
no-punctuation-
Inhalt wird normal ohne jegliche Interpunktion ausgesprochen. Zum Beispiel würde "Hello, world!" als "Hello" "world" ausgesprochen.
Hinweis:
Die Unterstützung der speak-as Eigenschaft ist begrenzt und wird inkonsistent über verschiedene unterstützende Technologien, wie Screenreader oder Sprachsynthesizer, implementiert. Um sicherzustellen, dass ausspracheabhängige kritische Informationen benutzerfreundlich und für ein breites Publikum zugänglich bleiben, sollten Sie sich nicht ausschließlich auf diese CSS-Eigenschaft verlassen, um zu definieren, wie diese Informationsinhalte auditiv präsentiert werden.
Formale Definition
| Anfangswert | auto |
|---|---|
| Anwendbar auf | alle Elemente |
| Vererbt | Ja |
| Berechneter Wert | specified value |
| Animationstyp | diskret |
Formale Syntax
speak-as =
normal |
spell-out || digits || [ literal-punctuation | no-punctuation ]
Beispiele
HTML
<p class="normal">Hello, world! I'm 25.</p>
<p class="spell-out">Hello, world! I'm 25.</p>
<p class="literal-punctuation">Hello, world! I'm 25.</p>
<p class="no-punctuation">Hello, world! I'm 25.</p>
<p class="digits">Hello, world! I'm 25.</p>
<p class="multi">Hello, world! I'm 25.</p>
CSS
.normal {
speak-as: normal;
}
.spell-out {
speak-as: spell-out;
}
.literal-punctuation {
speak-as: literal-punctuation;
}
.no-punctuation {
speak-as: no-punctuation;
}
.digits {
speak-as: digits;
}
.multi {
speak-as: literal-punctuation digits;
}
Spezifikationen
| Specification |
|---|
| CSS Speech Module Level 1 # speaking-props-speak-as |
Browser-Kompatibilität
Siehe auch
@counter-styleRegelspeak-asDeskriptor- CSS-Zählerstile Modul
- CSS-Listen und Zähler Modul
- Web Speech API