Acessibilidade Web

Escrito por: F.S.
 



Acessibilidade Web




Objetivo

O que é?

  • Neste manual, é descrito o menu de acessibilidade e as funcionalidades disponíveis para tornar a experiência do usuário mais agradável enquanto estiver navegando pelo site.
Funcionalidade
  • O termo acessibilidade significa incluir a pessoa com deficiência na participação de atividades como o uso de produtos, serviços e informações. Alguns exemplos são os prédios com rampas de acesso para cadeira de rodas e banheiros adaptados para deficientes.
  • Na internet, acessibilidade refere-se principalmente às recomendações do WCAG¹ do W3C² e, no caso do Governo Brasileiro, ao eMAG³.
Operacionalização

Ao realizar o login em qualquer portal da web, o usuário terá a opção de acessibilidade no canto superior direito da tela principal, como pode ser visualizado a seguir:


Na imagem acima, Web Empresa está sendo usada como exemplo. Porém, o recurso de acessibilidade está disponível também para as webs Auditoria, Beneficiário, Comercial, Fornecedor e Prestador. O menu de acessibilidade, sempre estará presente durante a navegação pelo site.

Ao clicar em o usuário terá acesso à tela da imagem abaixo, onde é explicado cada atalho para acessibilidade, além de recomendações de softwares terceiros para tornar a navegação mais agradável:

 Atalhos do Teclado

A seguir é realizada uma breve explicação sobre os atalhos utilizados para a acessibilidade:

ÍconeAtalhoDescrição

Alt + 1Teclando em qualquer parte do portal, o usuário é direcionado ao começo do conteúdo principal da página.

Alt + 2Teclando em qualquer parte do portal, o usuário é direcionado ao início do menu principal.

Alt + 3Teclando em qualquer parte do portal, o usuário é direcionado à caixa de pesquisas.

Alt + 4Teclando em qualquer parte do portal, o usuário é direcionado ao rodapé da página.

Alt + 5Teclando em qualquer parte do portal, o usuário é remetido à página de acessibilidade.

Alt + 6Teclando em qualquer parte do portal, o layout da página será mostrado ao usuário com as cores originais.

Alt + 7Teclando em qualquer parte do portal, o layout da página será mostrado ao usuário com as cores em alto contraste.

Alt + 8Teclando em qualquer parte do portal, o tamanho da fonte dos textos será diminuído.
Não possui íconeAlt + 9Teclando em qualquer parte do portal, o tamanho da fonte dos textos retornará ao tamanho original.

Alt + 0Teclando em qualquer parte do portal, o tamanho da fonte dos textos será aumentado.

Para melhorar ainda mais a experiência de navegação, recomendamos o uso de ferramentas específicas para computadores ou celulares. Por isso, nossa arquitetura de dados foi construída com compatibilidade às principais ferramentas acessíveis.

Caso você não utilize nenhuma delas e deseja experimentar ou conhecer, colocamos uma breve explicação de cada ferramenta e o link para download:

 Ferramentas
 • Read Aloud

Permite ouvir textos em páginas da internet e é compatível com o Google Chrome e Mozila Firefox. O Read Aloud pode ler textos em mais de 40 idiomas, incluindo o português. Por padrão, ele utiliza a voz do Google para a leitura, mas, nas opções, é possível escolher entre várias vozes masculinas e femininas. Clique aqui para instalar o Read Aloud.

 • Talkback

O TalkBack é um software leitor de tela para celulares Android. Um recurso de acessibilidade que ajuda pessoas com deficiência visual a selecionarem as opções presentes em menus do smartphone. O suporte de voz, para quem tem baixa ou perda total de visão, fala em voz alta (como um assistente pessoal) quais são as alternativas na tela. Clique aqui para baixar o TalkBack.

 • Voice Over

O VoiceOver é exclusivo para celulares com sistema operacional iOs e é semelhante ao TalkBack. Ele interpreta por áudio cada detalhe na tela dos dispositivos. Desenvolvido primeiramente para o Mac, a ferramenta é um poderoso mecanismo de acessibilidade para portadores de deficiência visual. Clique aqui para baixar o Voice Over.

 • VLibras

Resultado de uma parceria entre o Ministério da Economia (ME), por meio da Secretaria de Governo Digital (SGD) e a Universidade Federal da Paraíba (UFPB), o VLibras é um conjunto de ferramentas computacionais de código aberto, que traduz conteúdos digitais (texto, áudio e vídeo) para Língua Brasileira de Sinais – LIBRAS, tornando computadores, celulares e plataformas Web acessíveis para pessoas surdas. Clique aqui para baixar o VLibras para Android ou Clique aqui para baixar o VLibras para iOS.

Referências

Web

Notas de Rodapé

WCAG¹ - World Content Accessibility Guidelines. Compreende as diretrizes de acessibilidade para o conteúdo da web em todo o mundo.
W3C² - World Wide Web Consortium. Consórcio internacional no qual organizações filiadas trabalho em conjunto para desenvolver padrões para a web.
eMAG³ - Modelo de Acessibilidade em Governo Eletrônico. Alinhado às recomendações internacionais, mas estabelece padrões de comportamento acessível para sites governamentais.

Atenção

Documentação elaborada com base na versão vigente do sistema.



Revisado por: L. M.