Qual é o meu plano?
Suite Growth, Professional, Enterprise ou Enterprise Plus
Support com Todos os planos do Guide
Criar um conteúdo da central de ajuda que seja acessível e fácil de usar para todos, incluindo quem depende de tecnologia assistiva, garante que qualquer pessoa que acesse o Zendesk tenha uma experiência bem-sucedida e positiva.
Observação: para obter a acessibilidade ideal para sua central de ajuda, é importante verificar que não apenas seu conteúdo esteja acessível, mas também o tema da central de ajuda. Consulte Verificação da acessibilidade da central de ajuda.
Este artigo abrange as seções a seguir:
  • Orientações para a acessibilidade de conteúdo
  • Recursos para a acessibilidade de conteúdo

Orientações para a acessibilidade de conteúdo

A tabela a seguir contém orientações para tornar os artigos da central de ajuda acessíveis e fáceis de usar por todos.
Observação: para obter uma descrição mais detalhada de todas as orientações de acessibilidade de conteúdo da Web, consulte o padrão Web Content Accessibility Guidelines (WCAG) 2.1.
Elemento do artigo Orientação Exemplo
Conteúdo do corpo Para criar conteúdo facilmente compreensível por todos, use:
  • Linguagem clara e simples
  • Parágrafos mais curtos
  • Cabeçalhos e organização
  • Marcadores ou listas numeradas
Não promove a acessibilidade

"Se você deseja montar o dispositivo, comece analisando as condições da caixa. Se a caixa estiver danificada, ou seja, amassada ​​ou quebrada, não deixe de nos informar. Em, seguida, você pode começar a executar as tarefas a seguir: insira os parafusos na unidade e aperte-os. Ligue a unidade."

Promove a acessibilidade

Como montar o dispositivo

  1. Verifique se a caixa está danificada. Se sim, relate o problema para o atendimento ao cliente.

  2. Insira os parafusos no dispositivo e aperte.

  3. Aperte o botão ON para ligar.

Cabeçalhos Use o sistema de hierarquias para organizar os cabeçalhos, sendo o <h1> o cabeçalho mais importante, e os subcabeçalhos organizados como <h2>, <h3> e assim por diante.

Aumente ou diminua os títulos usando um nível de cada vez ao ordená-los na página. Por exemplo, use um <h4> após o <h3>, em vez de <h5> ou <h6>. Recomendamos que você tenha apenas um <h1>, com o texto mais importante nele (ex.: o título da página).

A organização de páginas da Web por cabeçalhos as torna visualmente distinguíveis para usuários com deficiências cognitivas e facilita a navegação de quem usa leitores de tela.

Não promove a acessibilidade (sem subcabeçalhos)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat turpis ac ultrices pulvinar. Nullam pharetra neque ac eros fermentum, sed tempor lorem tristique. Aenean ut malesuada diam.

Não promove a acessibilidade (níveis de subcabeçalhos ignorados)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Cabeçalho 1

Quisque tempor semper metus eu venenatis.

Cabeçalho 4

Etiam et vehicula ipsum.

Não promove a acessibilidade (mais de um <h1>)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Cabeçalho 1

Quisque tempor semper metus eu venenatis.

Cabeçalho 1

Etiam et vehicula ipsum.

Promove a acessibilidade

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Cabeçalho 1

Quisque tempor semper metus eu venenatis. Integer vehicula interdum velit, sit amet rutrum nisi sollicitudin ac.

Cabeçalho 2

Etiam et vehicula ipsum. Aenean placerat semper leo et bibendum.
Imagens

Forneça um texto alternativo (alt) claro e conciso para imagens intencionais que descreva o assunto da imagem. O texto alt é lido pelo software de leitor de tela.

Se você usa:

  • Nos blocos de conteúdo, use a função ALT na barra do editor do bloco de conteúdo para inserir o texto alternativo.

  • Em artigos, use o editor de código-fonte para adicionar o atributo alt <img> à imagem.

Oculte imagens decorativas usando um texto alt nulo (alt="") para que sejam ignorados pelas tecnologias assistivas como leitores de tela.

Não promove a acessibilidade

Promove a acessibilidade

Screenshot of the Create content block
                                            page

Cor e estilo do link

Use uma cor de link que contraste com a página e o texto ao redor e inclua um indicador não colorido (como sublinhado ou ícone). Isso faz com que seus links fiquem acessíveis para usuários que têm dificuldade em diferenciar texto com baixo contraste ou que são daltônicos.

Evite usar imagens como links. Se necessário, use uma imagem que inclua um texto alternativo que descreva o local e a finalidade do link.

Não promove a acessibilidade

  • Consulte Criação de conteúdo acessível da central de ajuda

  • Consulte

Promove a acessibilidade

Consulte Criação de conteúdo acessível da central de ajuda
Texto do link

Crie um texto do link que faça sentido sem o conteúdo ao redor. Por exemplo, evite texto do link ambíguo como "clique aqui" ou "saiba mais". Os leitores de tela não conseguem interpretar para onde o link direcionará o usuário quando essa informação não estiver mencionada no texto.

Não use a URL bruta para o texto do link. Os leitores de tela verbalizam a URL completa para os usuários, independentemente do tamanho.

Não promove a acessibilidade

Clique aqui

Consulte www.website.com/linkedpage.html

Promove a acessibilidade

Acesse uma lista de recursos para acessibilidade

Cargos Use títulos de página que descrevam o tópico ou a finalidade.

Não promove a acessibilidade

"Detalhes sobre acessibilidade"

Promove a acessibilidade

"Criação de conteúdo acessível da central de ajuda"

Vídeo Selecione um provedor de vídeo compatível com closed captions. Closed captions tornam os vídeos mais acessíveis para pessoas surdas ou com deficiência auditiva.

Insira uma transcrição e descrição de áudio para o vídeo.

Promove a acessibilidade

Recursos para a acessibilidade de conteúdo

Explore os recursos a seguir para aprender mais sobre como criar conteúdo acessível da central de ajuda:

  • Acessibilidade dos produtos Zendesk
  • Acessibilidade do produto Zendesk
  • Web Content Accessibility Guidelines (WCAG) 2.1
  • Verificação da acessibilidade da central de ajuda
Powered by Zendesk