A custom counter style can be constructed with a meaning that is obvious visually, but impossible to meaningfully represent via a speech synthesizer or other non-visual means, or possible but nonsensical when naively read out loud. The 'speak-as' descriptor describes how to synthesize the spoken form of a counter formatted with the given counter style.

Motivation

A counter style can be constructed with a meaning that is obvious visually, but impossible to meaningfully represent via a speech synthesizer or other non-visual means, or possible but nonsensical when naively read out loud. The speak-as descriptor describes how to synthesize the spoken form of a counter formatted with the given counter style.

Documentation

Specification

Specification link


Final published standard: Recommendation, Living Standard, Candidate Recommendation, or similar final form

Status in Chromium

Blink>CSS


In developer trial (Behind a flag) (tracking bug)

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Owner

Intent to Prototype url

Intent to Prototype thread

Comments

The 'spell-out' value is not implemented, as it is currently unimplementable (crbug.com/1247764). As the spec requires alphabetic counter styles with 'speak-as: auto' to use the 'spell-out' value, we use 'words' instead. This aligns with what Firefox currently does. This descriptor is part of CSS custom counter styles (https://chromestatus.com/feature/5692693659254784#details). The implementation of this descriptor was postponed until a spec issue (https://github.com/w3c/csswg-drafts/issues/6040) has been resolved.

Search tags

css, counter, counter-style, speak, speak-as,

Last updated on 2021-11-20