Sobreposições
Destaque guiado
Spotlight overlay
Reduz o destaque ao redor de uma área para orientar a atenção.
☰
Comece pelo menu.Encontre seus projetos aqui.
Exemplo didático · Representação visual do padrão
Quando usar
Guiar um passo de um tutorial dentro de uma interface.
Cuidados e acessibilidade
Forneça texto equivalente e navegação por teclado; o recorte visual não comunica sozinho.
Partes e comportamento
Região destacada, explicação e navegação do roteiro.
Não confunda
Destacar visualmente não torna o restante da página inacessível ao teclado por si só.