Uso

Adicione <NuxtRouteAnnouncer/> no seu app.vue ou layouts/ para melhorar a acessibilidade informando as tecnologias assistivas sobre mudanças no título da página. Isso garante que as mudanças de navegação sejam anunciadas para usuários que dependem de leitores de tela.

<template>
  <NuxtRouteAnnouncer />
  <NuxtLayout>
    <NuxtPage />
  </NuxtLayout>
</template>

Slots

Você pode passar HTML personalizado ou componentes através do slot padrão do anunciador de rota.

  <template>
    <NuxtRouteAnnouncer>
      <template #default="{ message }">
        <p>{{ message }} foi carregado.</p>
      </template>
    </NuxtRouteAnnouncer>
  </template>

Props

• atomic: Controla se os leitores de tela anunciam apenas mudanças ou todo o conteúdo. Defina como true para leituras completas de conteúdo em atualizações, false apenas para mudanças. (padrão false)
• politeness: Define a urgência para anúncios de leitores de tela: off (desativa o anúncio), polite (espera por silêncio) ou assertive (interrompe imediatamente). (padrão polite)