nuxt logo

Traducción de Documentación (No Oficial)

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), o assertive (interrumpe inmediatamente). (por defecto polite).

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, o assertive

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

pages/index.vue
const { message, politeness, set, polite, assertive } = useRouteAnnouncer({
    politeness: 'assertive'
  })