Acessibilidade

Directrizes de Acessibilidade de Gestão de Conteúdos e Melhores Práticas

Seguem-se algumas directrizes gerais de acessibilidade que seguem as directrizes do WCAG para o ajudar a gerir o conteúdo do seu sítio web no futuro. Consulte o nosso post no blogue para mais informações sobre as melhores práticas de acessibilidade.

Cabeçalhos Acessível

Os leitores de ecrã precisam de ser capazes de comunicar o contexto de uma página ou secção dentro de uma página.

  • Utilizar linguagem descritiva nas rubricas H1: A rubrica 1 aka H1 aka “Título da página” deve ser o tópico da página e não a gíria ou jargão de marketing.
  • Usar texto único de cabeçalho H1: O mesmo H1 não deve ser utilizado em outras páginas do sítio web.
  • Utilizar apenas um H1 por página: O H1 informa as ferramentas do assunto da página.
  • Utilizar títulos em geral para enfatizar o conteúdo: Utilizar as outras rubricas (H2, H3, H4, H5, H6) para destacar e enfatizar ainda mais o conteúdo da página.
  • Utilizar títulos por ordem: Os títulos das rubricas devem estar em ordem H1 >H2 >H3 >H4 >H5 >H6.

Ligações Acessíveis

Os leitores de ecrã precisam de ser capazes de comunicar o contexto por detrás de uma ligação.

  • Utilizar linguagem descritiva em links: Os links de texto NÃO devem dizer “ler mais” e “aprender mais” – descreva aos seus visitantes o que a página resultante lhes vai dar
  • Link para outras páginas úteis do site em todo o seu conteúdo: Permite que o visitante procure rapidamente outras informações.
  • As ligações devem ter um aspecto diferente e destacar-se do conteúdo: Para além do uso de cor, usar uma seta “→” ou cenoura “>” ou sublinhar para enfatizar ainda mais aos visitantes que o texto é um link. Isto está contabilizado nos seus desenhos, por isso certifique-se de seguir o nosso guia de estilo e de fornecer modelos de blocos de páginas.
  • Ao utilizar imagens como links: Não utilizar simplesmente uma imagem como link. As imagens devem ser complementadas com texto para ajudar a enfatizar as ligações.
  • Evite utilizar o mesmo texto de link para todos os links: Assegurar que as ligações que têm o mesmo nome vão para o mesmo destino.

Imagens Acessíveis

Os utilizadores invisuais não podem ver imagens, nem um leitor de ecrã que um utilizador invisual está a utilizar.

  • Evitar imagens que contenham texto: Um leitor de ecrã não pode ler uma imagem, portanto as imagens não devem conter texto ou informação valiosa que não esteja disponível na página.
  • As imagens devem incluir texto alt: As imagens utilizadas para outros meios que não a decoração devem incluir texto alt para descrever a imagem, para que um leitor de ecrã possa informar o utilizador sobre o conteúdo da imagem (por exemplo, Mulher a usar o telefone na secretária).
  • Descrições de texto de imagem alterada: O texto da imagem alt deve descrever a imagem e não deve utilizar caracteres especiais.
  • Evitar o recheio de palavras-chave em texto alt: O texto alt não é um local para carregar em frases-chave de destino. Embora uma frase-chave possa ser usada ocasionalmente, não a utilize em todas as imagens.
Exemplo de texto alternativo

Vídeos Acessíveis

  • As ferramentas pagas emprestam frequentemente mais flexibilidade e características, incluindo legendas fechadas e transcrições de vídeo. Utilizar as versões pagas ou profissionais de ferramentas de vídeo hospedadas por terceiros.
  • Oferecer um link para uma página com o vídeo completo transcrito na página no WYSIWYG.
  • Não tocar áudio automaticamente.

Outras Dicas de Conteúdo Acessível

  • Inclua sempre um link para o mapa do site no rodapé do seu site.
  • Certificar-se de que as listas de balas utilizam realmente a formatação de listas de balas.
  • Fornecer instruções claras nos formulários.
  • Certifique-se de que os formulários não são demasiado longos e de que cada campo tem uma etiqueta descritiva.
  • Incluir uma página no rodapé que contenha uma declaração de acessibilidade.
  • Utilizar linguagem simples e concisa e explicar quaisquer abreviaturas ou palavras cujo significado seja ambíguo sem pronúncia.
  • Certifique-se de que os PDFs e outros ficheiros descarregáveis estão acessíveis.
  • Faça um plano para voltar às páginas de conteúdo mais antigas que foram migradas para o novo sítio web e certifique-se de que está a seguir as melhores práticas de acessibilidade.

Ferramentas de Teste Acessível

Se seguir as melhores práticas que delineámos ao longo do seu projecto, o seu conteúdo deve ser um bom presságio para os testes de acessibilidade. Para ter a certeza, pode usar sempre estas ferramentas para testar cada página que criar:

Apoio Contínuo

A sua organização está a aumentar os seus requisitos de acessibilidade web? É legalmente obrigado a fazer mais ou a informar sobre as suas normas de acessibilidade web? Contacte o Apoio – Podemos organizar uma conversa com os nossos estrategas para discutir o que parece envolver a Orbit numa auditoria e obter uma estimativa.

Outros