Support Centre

Crie e marque cabeçalhos e títulos para acessibilidade

Renée Meloche
Renée Meloche
  • Atualizado

Cabeçalhos, títulos e subtítulos  orientam os leitores  criando uma  visão geral da estrutura de um documento  , marcando diferentes seções e subseções e destacando seu conteúdo. Os leitores usam esses marcadores para  navegar em  documentos longos ou com conteúdo denso com mais facilidade e para determinar o que esperar nessa seção.

Como faço para marcar títulos ou outro texto?

Use  tags de texto  no Editor atualizado da Venngage para indicar se uma caixa de texto contém:

  • Título

  • Título (indicar o nível com o número: H1, H2, H3, H4, H5 ou H6)

  • Parágrafo (P)

Selecione a caixa de texto que deseja marcar na tela de design.

Clique no ícone "tag" na extremidade direita da barra de ferramentas superior para abrir o  menu Text Tag  , ilustrado aqui:

Screenshot 2023-10-23 at 11.32.17 AM.png
 

Selecione a tag de texto que deseja usar. Na imagem acima, o texto "Microlearning Objectives (MLO)" está selecionado e marcado como "H1", o que é apropriado, pois aparece como um cabeçalho acima de um parágrafo de texto.

Um usuário clica em uma caixa de texto que aparece em uma tela de design no Venngage Editor.  Com a caixa de texto selecionada, o usuário clica no ícone da tag na barra de ferramentas superior.  Eles selecionam a marca de texto 'H1', aplicando-a à caixa de texto selecionada.

Use a tag "  P  " para texto de parágrafo, ou seja, qualquer frase ou parágrafo de texto que represente o  conteúdo  de uma seção em vez de um  título definidor  .

 

Um guia visual útil para a hierarquia de tags de texto

Blank (1).png
  • TÍTULO  : O bloco superior, com letras em azul claro sobre um fundo azul marinho, diz "Guia para tags de texto". Este texto está escrito na fonte  maior  . Deve ser marcado como "Título", pois aparece no topo da página e resume o conteúdo abaixo.

  • H1  : O segundo bloco contém o primeiro título (H1), "O que constitui um título?" em texto preto sobre um fundo laranja. O tamanho da fonte é um pouco menor que o título. Deve ser marcado como "H1", pois é o primeiro título e se relaciona com o conteúdo do primeiro parágrafo.

  • P  : No terceiro bloco de texto, várias frases aparecem em letras cinza-escuras sobre um fundo laranja-claro. O tamanho da fonte é o menor, em relação ao texto do título e outros cabeçalhos. Este texto deve ser marcado com "P" para parágrafo.

  • H2  : O segundo título (H2) aparece abaixo do primeiro parágrafo, em letras pretas que dizem "Hierarquia do título". Essa fonte é um pouco menor que a H1, mas com o mesmo estilo. Por ser menor e estar relacionado ao conteúdo do parágrafo abaixo, deve ser marcado como "H2".

    • OBSERVAÇÃO: você pode usar tags de cabeçalho diferentes, conforme se adequar ao conteúdo e aos cabeçalhos do documento. No  menu Texto  na barra lateral esquerda do Editor, você pode escolher entre diferentes níveis de título pré-estilizados.

  • P  : Na seção final do texto no terceiro bloco, duas frases aparecem em letras cinza-escuras abaixo de H2 (o segundo cabeçalho). O tamanho, a cor e a face da fonte são consistentes com o outro estilo de parágrafo e devem ser marcados como "P" para parágrafo.

 

Como uso o verificador de acessibilidade da Venngage para verificar minhas tags de texto?

Clique em  File  na parte superior do Venngage Editor e selecione  Accessibility  Check Accessibility  para abrir o Accessibility Checker.

Isso abrirá um painel à direita que fornece 11 categorias de acessibilidade para você avaliar e orientação para atender aos requisitos de acessibilidade em cada "problema" sinalizado no verificador.

 

 

Recolha ou expanda cada seção clicando nela; no GIF acima, o usuário recolhe a seção "Título do documento" e rola para baixo até a seção "Títulos", que ele expande.

Expanda a seção Títulos  . Isso selecionará automaticamente as caixas de texto no design e tornará suas respectivas marcas de texto visíveis no canto superior esquerdo da caixa de texto, conforme ilustrado no GIF abaixo:

 

 

Verifique as tags de texto em cada caixa de texto em seu design.  Selecione cada caixa de texto individualmente para abrir a  ferramenta de marcação de texto na barra de ferramentas superior  e marque-a corretamente.

 

 

Clique na marca de seleção no painel Acessibilidade na parte inferior da seção Títulos  quando terminar para verificar se as "Marcas de título seguem as práticas recomendadas".

 

Por que os títulos são importantes?

De acordo com os  critérios de sucesso descritos pelas Diretrizes de Acessibilidade de Conteúdo da Web  , os títulos usados ​​corretamente irão:

  • Permita que os leitores que usam um leitor de tela entendam quando eles passaram de uma seção de um documento ou página da Web para outra e ajude-os a entender a finalidade de cada seção;

  • Permitir que pessoas com dificuldades de aprendizagem ou outras dificuldades cognitivas entendam a organização geral do conteúdo em um documento ou página da web com mais facilidade;

  • Permita que os leitores naveguem em um documento ou página usando  os controles de foco do teclado  (outra ferramenta de acessibilidade);

  • Permita que você ou outros autores de documentos atualizem ou alterem o conteúdo mais facilmente em seções distintas sem pesquisar todo o conteúdo do documento.

Dicas rápidas para garantir que seus títulos sejam acessíveis

Esse artigo foi útil?

Usuários que acharam isso útil: 2 de 2

Tem mais dúvidas? Envie uma solicitação