useRouteAnnouncer
Este composable observa los cambios en el título de la página y actualiza el mensaje del anunciador en consecuencia.
Este composable está disponible en Nuxt v3.12+.
Descripción
Un composable que observa los cambios en el título de la página y actualiza el mensaje del anunciador en consecuencia. Utilizado por <NuxtRouteAnnouncer> y controlable.
Se conecta al dom:rendered de Unhead para leer el título de la página y establecerlo como el mensaje del anunciador.
Parámetros
politeness: Establece la urgencia para los anuncios del lector de pantalla:off(desactiva el anuncio),polite(espera a que haya silencio), oassertive(interrumpe inmediatamente). (por defectopolite).
Propiedades
message
- tipo:
Ref<string> - descripción: El mensaje a anunciar
politeness
- tipo:
Ref<string> - descripción: Nivel de urgencia del anuncio del lector de pantalla
off,polite, oassertive
Métodos
set(message, politeness = "polite")
Establece el mensaje a anunciar con su nivel de urgencia.
polite(message)
Establece el mensaje con politeness = "polite"
assertive(message)
Establece el mensaje con politeness = "assertive"
Ejemplo
const { message, politeness, set, polite, assertive } = useRouteAnnouncer({
politeness: 'assertive'
})※Esta página es una traducción no oficial de la documentación oficial de Nuxt.js.
La página correspondiente en la documentación oficial está aquí:
https://nuxt.com/docs/3.x/api/composables/use-route-announcer