speak-as CSS property
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
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-Inhalte gesprochen werden. Die ein bis drei aufgeführten Schlüsselbegriffe bestimmen die Art und Weise, wie Elemente und Text von auditiven Technologien, wie Screenreadern und digitalen Assistenten, wiedergegeben werden.
Diese Eigenschaft gilt für alle Inhalte, einschließlich Pseudo-Elementen, mit Ausnahme der ::marker-Pseudo-Elemente, die über ein @counter-style-Stylesheet mit einem definierten speak-as-Deskriptor konstruiert sind. Dieser Deskriptor hat Vorrang vor jedem geerbten speak-as-Eigenschaftswert.
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 Ausspracheregeln mit durch Pausen ersetzter Interpunktion. Zum Beispiel würde "Hallo, Welt!" als "Hallo (Pause) Welt (Pause)" ausgesprochen. Dies ist der Standardwert.
spell-out-
Inhalt wird buchstabenweise buchstabiert. Zum Beispiel würde "Rolle" als "r" "o" "l" "e" ausgesprochen.
literal-punctuation-
Interpunktionszeichen werden wörtlich buchstabiert. Zum Beispiel würde "Hallo, Welt!" als "Hallo Komma Welt 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 "Hallo, Welt!" als "Hallo" "Welt" ausgesprochen.
Hinweis:
Die Unterstützung der speak-as-Eigenschaft ist begrenzt und in verschiedenen assistiven Technologien, wie Screenreadern oder Sprachsynthesizern, uneinheitlich implementiert. Um sicherzustellen, dass alle von der Aussprache abhängigen wichtigen Informationen benutzerfreundlich und für ein breites Publikum zugänglich bleiben, verlassen Sie sich nicht ausschließlich auf diese CSS-Eigenschaft, um festzulegen, wie diese Information akustisch präsentiert wird.
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
| Spezifikation |
|---|
| CSS Speech Module Level 1 # speaking-props-speak-as |
Browser-Kompatibilität
Siehe auch
@counter-styleAt-Regelspeak-asDeskriptor- CSS Zählerstile Modul
- CSS Listen und Zähler Modul
- Web Speech API