speak-as

Syntax

/* Keyword values */ speak-as: auto; speak-as: bullets; speak-as: numbers; speak-as: words; speak-as: spell-out; /* @counter-style name value */ speak-as: <counter-style-name>; 

Werte

auto

Wenn der Wert von speak-as als auto angegeben wird, wird der effektive Wert von speak-as basierend auf dem Wert des Deskriptors system bestimmt:

• Wenn der Wert von system alphabetic ist, wird der effektive Wert von speak-as spell-out sein.
• Wenn system cyclic ist, wird der effektive Wert von speak-as bullets sein.
• Wenn system extends ist, wird der Wert von speak-as derselbe sein, als ob speak-as: auto im erweiterten Stil angegeben wäre.
• Für alle anderen Fälle hat die Angabe von auto dieselbe Wirkung wie die Angabe von speak-as: numbers.

bullets

Eine Phrase oder ein Audiohinweis, der vom Benutzeragenten definiert wird, um ein Element einer ungeordneten Liste darzustellen, wird vorgelesen.

numbers

Der numerische Wert des Zählers wird in der Dokumentensprache vorgelesen.

words

Der Benutzeragent erstellt wie gewohnt einen Zählerwert und liest ihn als Wort in der Dokumentensprache vor.

spell-out

Der Benutzeragent erstellt wie gewohnt eine Zähldarstellung und liest sie Buchstabe für Buchstabe vor. Wenn der Benutzeragent nicht weiß, wie er ein bestimmtes Zählersymbol vorlesen soll, kann es sein, dass der Benutzeragent es so vorliest, als wäre der Wert von speak-as numbers.

<counter-style-name>

Der Name eines anderen Zählerstils, angegeben als <custom-ident>. Wenn eingeschlossen, wird der Zähler in der Form ausgesprochen, die in diesem Zählerstil angegeben ist, ähnlich wie die Angabe des Deskriptors fallback. Wenn der angegebene Stil nicht existiert, fällt speak-as auf auto zurück.

Barrierefreiheit

Die Unterstützung durch unterstützende Technologien für die Eigenschaft speak-as ist sehr begrenzt. Verlassen Sie sich nicht darauf, um Informationen zu vermitteln, die für das Verständnis des Zwecks der Seite entscheidend sind.

Let's Talk About Speech CSS | CSS Tricks (2017)

Formale Definition

Formale Syntax

speak-as = 
 auto |
 bullets |
 numbers |
 words |
 spell-out |
 <counter-style-name> 

Beispiele

Festlegen der gesprochenen Form für einen Zähler

In diesem Beispiel ist das Zählsystem fest mit unverständlichen Symbolen für die visuellen Marker. Der speak-as Deskriptor wird jedoch verwendet, um die Listenelement-Markierungen im Accessibility-Baum als Zahlen festzulegen. Wenn unterstützt, werden Zahlen statt visueller Markierungen von Bildschirmlesegeräten vorgelesen.

Um das Ergebnis des speak-as Deskriptors zu erleben, verwenden Sie unterstützende Technologien wie VoiceOver oder einen anderen Bildschirmleser oder sehen Sie sich das Barrierefreiheitspanel in den Entwicklertools eines Browsers an, der speak-as unterstützt.

HTML

<ul class="list"> <li>I had one apple</li> <li>I ate two bananas</li> <li>I devoured three oranges</li> <li>I am not hungry for dinner</li> <li>But I'll have five scoops of ice cream for dessert</li> </ul> 

CSS

@counter-style speak-as-example { system: fixed; symbols:     ; suffix: " "; speak-as: numbers; } .list { list-style: speak-as-example; } 

Ergebnis

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Andere @counter-style Deskriptoren: system, symbols, additive-symbols, negative, prefix, suffix, range, pad, und fallback
• list-style, list-style-image, list-style-position
• symbols(): die funktionale Notation zum Erstellen anonymer Zählerstile.
• CSS-Zählerstile Modul
• CSS-Listen und Zähler Modul