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:

Uma caixa de texto é selecionada em uma tela de design no Venngage Editor.  Na barra de ferramentas superior acima da tela, o ícone de uma tag é selecionado e um menu intitulado 'Tag de texto' é visível abaixo dele, com uma lista de tags de texto (conforme escrito acima).  A tag 'H1' é selecionada, com uma marca de seleção ao lado dela.  O ícone de marca na barra de ferramentas e o menu Marca de texto são destacados por uma caixa vermelha adicionada à imagem.
 

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

Três blocos de texto, com colchetes ao lado de cada bloco indicando tags de texto conforme descrito abaixo.  Bloco um: Título - Guia para tags de texto.  Bloco 2: H1 (Título 1) - O que constitui um título?  Bloco 2: P (Parágrafo) - Títulos são palavras ou texto que indicam uma seção específica de conteúdo em um documento ou em uma página da web.  Geralmente, os cabeçalhos são um nível inferior ao título de um documento.  O título indica o conteúdo de todo o documento;  os títulos são específicos para cada seção de conteúdo do documento.  H2 (Cabeçalho 2) - Hierarquia de Cabeçalhos.  P (Parágrafo) - Torne a navegação em seu documento ainda mais fácil para leituras usando diferentes níveis de cabeçalhos em seu documento para subdividir o conteúdo.  Isso ajuda a dividir parágrafos mais longos em informações mais digeríveis.
  • 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.

Um usuário abre o painel Verificador de Acessibilidade conforme descrito acima e expande a seção 'Títulos' conforme descrito abaixo.

 

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:

O usuário clica em Headings no painel direito do Accessibility Checker, visível sobre a tela de design no Venngage Editor. A seção Títulos se expande e as caixas delimitadoras ficam visíveis ao redor de todas as caixas de texto na tela de design, com pequenos ícones de marca de texto visíveis no canto superior esquerdo de cada uma.

 

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.

Um usuário verifica as tags de texto em cada caixa de texto visível em uma tela de design no Venngage Editor, conforme descrito acima, e clica na caixa de seleção na parte inferior da seção Headings no painel de acessibilidade à direita, conforme descrito abaixo.

 

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: 1 de 1

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