Propiedad speak de CSS
Nota: La propiedad
speakestá obsoleta y tiene un soporte muy limitado en los navegadores. Considere el uso de APIs de accesibilidad modernas para el renderizado auditivo.
La propiedad speak define si el texto debe o no renderizarse auditivamente.
Tiene seis valores. Los siguientes valores están especificados en CSS2.1:
nonenormalspell-out
Valores adicionales están definidos en el Módulo de Voz CSS:
autoneveralways
| Valor Inicial | normal |
|---|---|
| Se aplica a | Todos los elementos. |
| Herencia | Sí. |
| Animable | No. |
| Versión | CSS2, Módulo de Voz CSS |
| Sintaxis DOM | element.style.speak = "always"; |
Sintaxis
Sintaxis CSS speak
css
speak: auto | normal | spell-out | none | never | always | initial | inherit;Puede insertar el siguiente fragmento de código con la propiedad speak en su código CSS:
Ejemplo de código CSS speak
css
.example {
speak: none;
}Valores
| Valor | Descripción |
|---|---|
none | Impide que el elemento y su contenido se rendericen auditivamente. |
normal | Utiliza reglas de pronunciación dependientes del idioma para renderizar un elemento y sus hijos. |
spell-out | Pronuncia el texto letra por letra, típicamente usado para acrónimos y abreviaturas. |
auto | Se resuelve a un valor calculado de none cuando display es none, de lo contrario se resuelve a auto que produce un valor utilizado de normal. |
never | Impide que el elemento se renderice auditivamente. |
always | El elemento se renderiza auditivamente. |
initial | Hace que la propiedad use su valor predeterminado. |
inherit | Hereda la propiedad de su elemento padre. |
Compatibilidad con Navegadores
| Navegador | Soporte |
|---|---|
| Chrome | No |
| Firefox | No |
| Safari | No |
| Edge | No |
| Opera | No |
Práctica
¿Cuál es el uso de la propiedad 'speak' en CSS, y qué valores puede tomar?