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:
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.
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
-
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
-
Indique títulos e outros textos em seu design usando marcas de texto , que são legíveis para ferramentas de tecnologia assistiva, como leitores de tela.
-
Use o verificador de acessibilidade no Venngage Editor para avaliar a acessibilidade de suas tags de texto.