speak

The speak property in CSS is for specifying how a browser should speak the content it reads, such as through a screen reader.

In other words, it's kind of like styling speech the way other CSS properties style visual elements of a webpage.

.module {
  speak: none;
}

Values

  • inherit: Specifies that the element uses the same computed speak value from its parent element.
  • none: Tells the browser to not speak on that element.
  • normal: Takes the browser's default speak settings.
  • spell-out: Instructs the browser to spell a properties content instead of speaking out full words. Deprecated.

How do you "style" speech?

The speak property is less about styling the speech of a screen reader than it is tailoring the experience of a site's accessibility when screen readers are being used.

It's tempting to think of styling speech in terms of gender, pitch, accent and other ways that we ourselves speak in real life, but that's not the case with speak. That level of control is what is currently under consideration for voice in the CSS Speech Module.

More Information

Browser Support

There is no support at the time of this writing. It appears that Opera used to natively support the property with a -xv- prefix before the browser merged with the Blink rendering engine used by Chrome.

This comment thread is closed. If you have important information to share, please contact us.
icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag