CSS speak-Eigenschaft
Hinweis: Die
speak-Eigenschaft ist veraltet und wird nur von sehr wenigen Browsern unterstützt. Erwägen Sie die Verwendung moderner Accessibility-APIs für die audiale Wiedergabe.
Die speak-Eigenschaft definiert, ob der Text auditiv wiedergegeben werden soll oder nicht.
Sie hat sechs Werte. Die folgenden Werte sind in CSS2.1 spezifiziert:
nonenormalspell-out
Zusätzliche Werte sind im CSS Speech Module definiert:
autoneveralways
| Anfangswert | normal |
|---|---|
| Gilt für | Alle Elemente. |
| Vererbbar | Ja. |
| Animierbar | Nein. |
| Version | CSS2, CSS Speech Module |
| DOM-Syntax | element.style.speak = "always"; |
Syntax
CSS speak-Syntax
css
speak: auto | normal | spell-out | none | never | always | initial | inherit;Sie können den folgenden Codeausschnitt mit der speak-Eigenschaft in Ihren CSS-Code einfügen:
CSS speak-Codebeispiel
css
.example {
speak: none;
}Werte
| Wert | Beschreibung |
|---|---|
none | Verhindert, dass das Element und sein Inhalt auditiv wiedergegeben werden. |
normal | Verwendet sprachabhängige Ausspracheregeln zur Wiedergabe eines Elements und seiner Kindelemente. |
spell-out | Buchstabiert den Text Buchstabe für Buchstabe, typischerweise verwendet für Akronyme und Abkürzungen. |
auto | Löst sich zu einem berechneten Wert von none auf, wenn display none ist, andernfalls löst es sich zu auto auf, was einen verwendeten Wert von normal ergibt. |
never | Verhindert, dass das Element auditiv wiedergegeben wird. |
always | Das Element wird auditiv wiedergegeben. |
initial | Legt fest, dass die Eigenschaft ihren Standardwert verwendet. |
inherit | Erbt die Eigenschaft von ihrem übergeordneten Element. |
Browser-Kompatibilität
| Browser | Unterstützung |
|---|---|
| Chrome | Nein |
| Firefox | Nein |
| Safari | Nein |
| Edge | Nein |
| Opera | Nein |
Praxis
Welchen Zweck hat die 'speak'-Eigenschaft in CSS und welche Werte kann sie annehmen?