Logotipo do Vida Mais Livre

Acessibilidade deste site

O Vida Mais Livre nasceu com a proposta de suprir a falta de sites adaptados às pessoas com deficiência e, para cumprir com esse objetivo, procuramos atender os principais requisitios do mercado em relação a sites acessíveis.

Além das validações propostas pelo W3C Site externo., todo cuidado - desde a arquitetura da informação até as linhas de código - foi tomado para que a experiência dos visitantes fosse a melhor possível. Sabemos que modificações serão contínuas e, por esse motivo abrimos um canal para que vocês possam mandar sugestões para melhorarmos e adaptarmos tudo o que for necessário para facilitar a navegação e tornar o site cada vez mais acessível.

Abaixo vocês encontram algumas dicas para que sua experiência por aqui seja melhor.

Navegação pelo teclado

Em todos os sites teoricamente é possível você navegar utilizando apenas um teclado, porém, quanto mais desorganizado for o código, mais difícil será a navegação por esse meio.

A tecla TAB é usada para navegar entre todos os links de uma determinada página e, pelos códigos conseguimos controlar a ordem em que essa navegação vai ocorrer. Sendo assim, fizemos algumas alterações para que as sequências de links façam mais sentido para nossos visitantes.

Além das sequências de links, programamos também alguns atalhos para facilitar o deslocamento dos leitores entre algumas áreas. Abaixo colocamos os atalhos e suas respectivas funções.

Importante: a ação necessária para que um atalho seja ativado através do teclado muda de acordo com o navegador que estiver sendo utilizado. A lista logo abaixo é uma legenda genérica que poderá ser usada em todos os navegadores que suportam esse recurso. Mais adiante descrevemos como é possível ativar os atalhos de teclado nos navegadores mais usados no mercado.

  • tecla especial + 0 = vai para o formulário de busca do site
  • tecla especial + 1 = vai para a área de conteúdo da respectiva página
  • tecla especial + 2 = vai para a página principal do site (home)
  • tecla especial + 3 = vai para o mapa do site
  • tecla especial + 4 = vai para a área de notícias do site
  • tecla especial + 5 = vai para a área de especiais do site
  • tecla especial + 6 = vai para a área conte sua história
  • tecla especial + 7 = vai para o formulário ajude a melhorar o site

Utilizamos na descrição da legenda a marcação [tecla especial] porque as teclas que devem ser pressionadas variam de acordo com o navegador que estiver sendo utilizado. Veja na sequência quais as teclas que devem ser pressionadas nos navegadores mais comuns no mercado.

Internet Explorer 6, 7 e 8

[ALT] + tecla de atalho. A ação do navegador é deslocar o foco para o atalho. Caso seja um link, é necessário pressionar a tecla Enter para que o navegador vá para a página que o link aponta.

Opera

[SHIFT + ESC] + tecla de atalho. O Opera nesse caso tem um recurso interessante. Antes que você pressione a tecla de atalho, ele mostra na tela uma lista de todos os atalhos do site. Diferente do Internet Explorer, quando você usa os atalhos, o navegador já vai direto para a página que o link do atalho aponta. No Opera é possível alterar essa combinação nas configurações.

Mozilla Firefox

No Windows: [ALT + SHIFT] + tecla de atalho. Nesse caso o navegador, semelhante ao Opera, também navega direto para a página que o link aponta. No Firefox também é possível alterar essa configuração, mas para isso é preciso entrar no about:config. Recomendamos isso apenas para pessoas com bastante experiênca com navegadores.

Google Chrome

No Windows: [ALT] + tecla de atalho. Basta pressionar a tecla ALT e o atalho que você irá direto para a página que o link aponta.

No Mac: [CTRL + ALT] + tecla de atalho. Para quem usa Mac, é necessário pressionar CTRL + ALT.

Safari

No Windows: [ALT] + tecla de atalho. Semelhante a maioria dos navegadores, o Safaria também vai direto para a página que link aponta.

No Mac: [CTRL] + tecla de atalho.

Leitores de tela

Para que deficientes visuais possam navegar na internet, existem programas que lêem os códigos dos sites usando sintetizadores de voz. Esses programas são classificados como leitores de tela e, além da leitura, também habilitam uma série de atalhos para facilitar a navegação.

Um atalho muito usado é a letra H, que direciona o leitor de tela para os conteúdos que tiverem dentro das tags H1, H2, H3. Essas tags servem principalmente para classificação do conteúdo. Os números do teclado também direcionam para os conteúdos dentro de "Hs", mas cada número navegará apenas nas TAGs "Hs" correspondentes.

Fizemos uma distribuição em todas as páginas usando apenas três níveis hierárquicos:

  • H1: apenas um por página e conterá o conteúdo mais relevante. Como exemplo, caso seja uma notícia, o H1 conterá o título da mesma.
  • H2: conterá algumas áreas importantes do site, como a de acessibilidade - que fica no topo do site, o formulário de busca, o caminho do pão (conhecido como breadcrumb), que batizamos no site de "Onde estou", entre outros.
  • H3: utilizado para algumas listagens pequenas e outros destaques. Como exemplo podemos citar a página de colunistas que tem os créditos de cada colunista envolto nesta tag.

Lembre-se sempre que caso você sinta qualquer dificuldade em relação a navegação ou à acessibilidade do site, acesse a área ajude a melhorar o site e mande suas sugestões para podermos deixar o site cada vez mais completo.

©2012 Espiral Interativa. O conteúdo produzido por colunistas e blogueiros, bem como os comentários de leitores publicados no Vida Mais Livre, não refletem a opinião da redação do portal.