Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
Escrito por: F.S.
Painel
borderColorgrey
borderStylesolid
Image Modified  



Acessibilidade Web

Versão 3.0Módulo para publicação: Web Versão 3.0




Painel
borderColorgrey
titleColorWhite
borderWidth1px
titleBGColor#AB0047
titleObjetivo

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.
Painel
borderColorgrey
titleColorWhite
borderWidth1 px
titleBGColor#AB0047
titleFuncionalidade
  • 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³.
Painel
borderColorgrey
titleColorWhite
borderWidth1px
titleBGColor#AB0047
titleOperacionalizaçã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, o exemplo é mostrado pela 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 Image Removed Image Added o usuário terá acesso à tela da imagem a seguirabaixo, onde é explicado cada atalho para acessibilidade, além de recomendações de softwares terceiros para tornar a navegação mais agradável:


Expandir
titleAtalhos 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.

Image RemovedImage Added

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 deseje deseja experimentar ou conhecer, colocamos uma breve explicação de cada ferramenta e o link para download a seguir:

Expandir
titleFerramentas
Expandir
titleRead 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 ler o textoa leitura, mas, nas opções, é possível escolher entre várias vozes masculinas e femininas. Clique aqui para instalar o Read Aloud.

Expandir
titleTalkback

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.

Expandir
titleVoice 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.

Expandir
titleVLibras

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.

Painel
borderColorgrey
titleColorWhite
borderWidth1 px
titleBGColor#AB0047
titleReferências

Web

Informações
titleNotas de Rodapé
WCAG¹ 
WCAG¹ - World Content Accessibility Guidelines. Compreende as diretrizes de acessibilidade para o conteúdo da web em todo o mundo.
W3C²   
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.
Aviso
titleAtenção

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



Revisado por: L. M.
,