1. Web
  2. CSS
  3. Reference
  4. Properties
  5. speak-as

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

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 Inhalte gesprochen werden. Die ein bis drei aufgezählten Schlüsselbegriffe bestimmen die Art und Weise, wie Elemente und Texte von auralen Technologien wie Screenreadern und digitalen Assistenten wiedergegeben werden.

Diese Eigenschaft gilt für alle Inhalte, einschließlich Pseudo-Elemente, mit der Ausnahme von ::marker Pseudo-Elementen, die über eine @counter-style mit einem definierten speak-as Deskriptor konstruiert werden, welcher den Vorrang vor jedem geerbten speak-as Eigenschaftswert hat.

Syntax

css
/* 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 Satzzeichen, die durch Pausen ersetzt werden. Zum Beispiel wird "Hello, world!" als "Hello (Pause) world (Pause)" ausgesprochen. Dies ist der Standardwert.

spell-out

Inhalt wird buchstabenweise buchstabiert. Zum Beispiel wird "role" als "r" "o" "l" "e" ausgesprochen.

literal-punctuation

Satzzeichen werden buchstäblich ausgesprochen. Zum Beispiel wird "Hello, world!" als "Hello comma world exclamation mark." ausgesprochen.

digits

Zahlen werden als einzelne Ziffern ausgesprochen. Zum Beispiel wird "31" als "three one" ausgesprochen.

no-punctuation

Inhalt wird normal ohne jegliche Satzzeichen ausgesprochen. Zum Beispiel wird "Hello, world!" als "Hello" "world" ausgesprochen.

Hinweis: Die Unterstützung der speak-as Eigenschaft ist begrenzt und inkonsistent über verschiedene unterstützende Technologien hinweg implementiert, wie z.B. Screenreader oder Sprachsynthesizer. Um sicherzustellen, dass ausspracheabhängige kritische Informationen benutzerfreundlich und für ein breites Publikum zugänglich bleiben, sollte nicht ausschließlich auf diese CSS-Eigenschaft vertraut werden, um zu definieren, wie diese Information aural präsentiert wird.

Formale Definition

Anfangswertauto
Anwendbar aufalle Elemente
VererbtJa
Berechneter Wertspecified value
Animationstypdiskret

Formale Syntax

speak-as = 
  normal                                              |
  spell-out || digits || [ literal-punctuation | no-punctuation ]

Beispiele

HTML

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

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

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.
Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden