Accessible

De Wiki Expresso V3
Ir para: navegação, pesquisa

Conteúdo

Conceitos sobre Acessibilidade e Usabilidade na Web

Teclas de Atalho - Navegação Via Teclado

A navegação via teclado, usada por todos aqueles que não conseguem utilizar-se do mouse de forma adequada, ou mesmo simplesmente não conseguem se utilizar deles, não são teclas produzidas por um software especial, mas, principalmente, teclas ou combinação de teclas oferecidas pelo próprio browser, e também aquelas criadas pelo desenvolvedor da página.

Tecla atalho.png

Fonte: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey

Teclas de atalho - Internet Explorer 9

 F1 - Mostra a ajuda
 F11 - Alterna entre tela cheia e normal no navegador
 Tab - Avança sequencialmente pelos links e campos de formulário das páginas
 Shift+Tab - Retrocede sequencialmente pelos links e campos de formulário das páginas
 F7 - Navegação com cursor
 Alt + Home - Vai para página inicial
 Alt + Seta para direita - Avança a página
 Alt + Seta para esquerda ou BackSpace - Volta a página anterior
 Seta para cima - Vai para a linha anterior
 Seta para baixo - Salta para a linha seguinte
 Page Up - Retrocede em torno de 10 linhas da página
 Page Down - Avança em torno de 10 linhas da página
 Home - Vai para o início da linha
 End - Vai para o fim da linha
 Ctrl + F - Localiza palavra ou expressão na página
 F5 - Atualiza a página atual
 Ctrl + F5 - Atualiza a página atual eliminando os caches locais
 Esc - Interrompe o download de uma página
 Ctrl + O - Abre edição para um novo site ou página (URL)
 Ctrl + N - Abre uma nova janela
 Ctrl + Shift + P - Abre uma nova janela de navegação InPrivate
 Ctrl + Shift + Delete - Exclui o histórico de navegação
 Ctrl + K - Duplica a aba atual
 Ctrl + Shift + T - Reabre a última guia que você fechou
 Ctrl + W - Fecha a janela atual
 Ctrl + S - Salva a página atual
 Ctrl + P - Imprimi a página atual ou a janela ativa.
 Enter - Vai para o link selecionado
 Ctrl + I - Abre os favoritos
 Ctrl + H - Abre o histórico
 Ctrl + J - Abre o gerenciador de download
 Ctrl + Tab ou Ctrl + Shift + Tab - Alterna entre as abas
 Ctrl + W - Fecha a aba atual
 Ctrl + nº da aba - Muda para aba especificada
 Ctrl + 9 - Mudar para o último separador
 Ctrl + Alt + F4 - Fecha as outras guias
 Ctrl + sinal de mais - Aumenta o zoom (+10%)
 Ctrl + sinal de menos - Diminui o zoom (-10%)
 Ctrl + 0 - Volta a zoom comum
 Ctrl + Enter - Abre sua pesquisa em uma nova aba
 Ctrl + Shift + L - Busca de texto usando um copiado
 Ctrl + D - Adicionar a página atual aos favoritos
 Ctrl + Shift + Del - Deleta o histórico de navegação
 Ctrl + B - Organizar favoritos
 Ctrl + X - Recortar
 Ctrl + C - Copia a seleção
 Ctrl + V - Cola a seleção
 Ctrl + A - Seleciona toda a página atual
 F12 - Abre o Internet Explorer Developer Tools

Teclas de Atalho e Navegação do Firefox

 Alt: Ativa a barra de menu.
 Alt Seta Esquerda: volta para página anterior
 Alt Seta Direita: avança até a última pagina que você acessou no histórico. 

Quando há teclas de atalhos na página usa-se:

 Alt Shift + Tecla de atalho. Não é necessário teclar Enter.
 Alt V: Favoritos.
 Ctrl + ou Ctrl -: Aumenta ou diminui a fonte.
   Use também Ctrl 0 para voltar ao tamanho padrão.
 Ctrl A: Selecionar tudo.
 Ctrl D: Incluir no favoritos
 Ctrl End: Fim da página.
 Ctrl F: Buscar um texto na página.
 Tecle F3: para continuar buscando ou tecle ' para buscar só nos links.
 Ctrl F5: Atualiza a página limpando o cache. Recarrega todas as imagens, css, js e swf.
 Ctrl Home: Topo da página.
 Ctrl L: Barra de endereços.
 Ctrl S: Salvar como.
 Ctrl Tab ou Ctrl Shift Tab: Avança uma aba ou volta para aba anterior.
 Ctrl T: Cria uma nova aba.
 Ctrl F4: Fecha a aba atual.
 Ctrl Shift T: Abre uma de cada vez as abas que você fechou recentemente.
 Shift setas: Selecionar texto na direção desejada.
 Tab: Pula de link em link e campos de formulários.
 Shift Tab: Voltar ao link anterior. 
Todas as teclas de atalho do Firefox (em inglês): www.7is7.com/software/firefox/shortcuts.html [1]

Teclas de atalho do Chrome

Ctrl+N - Abre uma nova janela.
Ctrl+T - Abre uma nova guia.
Ctrl+Shift+N - Abre uma nova janela no modo anônimo.
Ctrl+O - Selecionar arquivo - Abre um arquivo do seu computador no Google Chrome.

Pressionar Ctrl e clicar em um link - Abre o link em uma nova guia em segundo plano e permanece na guia atual. Pressionar Ctrl+Shift e clicar em um link - Abre o link em uma nova guia e passa para a guia aberta recentemente. Pressionar Shift e clicar em um link - Abre o link em uma nova janela.

 Alt+F4 - Fecha a janela atual.
 Ctrl+Shift+T - Reabre a última guia que você fechou.

O Google Chrome lembra as dez últimas guias fechadas.

 Ctrl+1 até Ctrl+8 - Alterna para a guia com o número da posição especificado.
 Ctrl+9 - Alterna para a última guia.
 Ctrl+Tab ou Ctrl+PAGEDown - Alterna para a próxima guia.
 Ctrl+Shift+Tab ou Ctrl+PAgEUP - Alterna para a guia anterior.
 Ctrl+W ou Ctrl+F4 - Fecha a guia ou o pop-up atual.
 Alt+Home - Abre a sua página inicial. 


Atalhos da barra de endereço

Execute uma das seguintes ações na barra de endereço: Digitar um termo de pesquisa Realiza uma pesquisa usando o seu mecanismo de pesquisa padrão.

 F6, Ctrl+L ou Alt+D - Marca a URL na área do endereço da web (pode-se apagar a atual URL e inserir outra para carregar nova página).

Digitar um endereço da web e pressionar Alt+Enter Abre o endereço da web em uma nova guia.

Atalhos para abrir os recursos do Google Chrome:

 Ctrl+B - Ativa ou desativa a barra de favoritos.
 Ctrl+Shift+B - Abre o Gerenciador de favoritos.
 Ctrl+H - Exibe o Histórico.
 Ctrl+J - Exibe a página de Downloads.
 Shift+Esc - Exibe o Gerenciador de tarefas.
 Shift+Alt+T - Define o foco na barra de ferramentas (Utilize as setas para direita e para esquerda no teclado para navegar até outros botões da barra de ferramentas).

Atalhos de páginas da web

  Ctrl+P - Imprime a página atual.
  Ctrl+S - Salva a página atual.
  F5 - Recarrega a página atual.
  Esc - Para o carregamento da página atual.
  Ctrl+F - abre pesquisa na mesma página.
  Ctrl+F5 ou Shift+F5 - Recarrega a página atual, ignorando o conteúdo em cache.

Pressionar Alt e clicar em um link - Faz download do link.

  Ctrl+U - Exibe a fonte.
  

Arrastar um link para a barra de favoritos - Adiciona o link aos favoritos.

  Ctrl+D - Adiciona a página da web atual aos favoritos.
  Ctrl+ mais ou pressionar Ctrl e rolar o mouse para cima - Aumenta tudo na página.
  Ctrl+- (menus) ou pressionar Ctrl e rolar o mouse para baixo - Diminui tudo na página.
  Ctrl+0 - Volta os elementos da página ao tamanho normal.


Atalhos de texto

marcar o conteúdo e pressionar CTRL+C - Copia o conteúdo para a área de transferência.

Colocar o cursor em um campo de texto e pressionar Ctrl+V ou SHIFT+INSERT - Cola o conteúdo atual da área de transferência.

Colocar o cursor em um campo de texto e pressionar CTRL+SHIFTt+V - Cola o conteúdo atual da área de transferência sem formatação.

Marcar o conteúdo de um campo de texto e pressionar CTRL+X ou SHIFTt+DELETE - Exclui o conteúdo e o copia para a área de transferência.

Veja mais atalhos

BACKSPACE ou pressionar Alt e a seta para esquerda ao mesmo tempo - Vai para a página anterior no seu histórico de navegação da guia.

  SHIFT+BACKSPACE ou pressionar Alt e a seta para direita ao mesmo tempo 
           vai para a próxima página no seu histórico de navegação da guia.

Colocar o cursor na barra de endereço e pressionar CTRL e a seta para esquerda ao mesmo tempo - Pula para a palavra anterior na barra de endereço.

Colocar o cursor na barra de endereço e pressionar CTRL e a seta para direita ao mesmo tempo - Pula para a próxima palavra na barra de endereço.

Colocar o cursor na barra de endereço e pressionar CTRL+BACKSPACE - Exclui a palavra anterior da barra de endereço.

  HOME - Vai para o início da linha na página.
  END - Vai para o final da linha na página.
  CTRL+HOME - Vai para o topo da página.
  CTRL+END - Vai para o final da página.

Tecnologias Assistivas Usadas

Leitor de Tela: é um software que lê o texto que está na tela do microcomputador e a saída desta informação é através de um sintetizador de voz ou um display Braille - o leitor de tela "fala" o texto para o usuário ou dispõe o texto em braille através de um dispositivo onde os pontos são salientados ou rebaixados para permitir a leitura.

Navegador Textual: é um navegador baseado em texto, diferente dos navegadores com interface gráfica, onde as imagens são carregadas. O navegador textual pode ser usado com o leitor de tela por pessoas cegas e também por pessoas que acessam a internet com conexão lenta.

Navegador com Voz *: é um sistema que permite a navegação orientada pela voz. Alguns possibilitam o reconhecimento da voz e a apresentação do conteúdo com sons, outros permitem acesso baseado em telefone (através de comando de voz pelo telefone e/ou por teclas do telefone).


Leitores de Tela

O leitor de tela é um programa que interpreta os conteúdos do código e os apresenta através de um sintetizador de voz ou impresso em Braille. Ele, em verdade, não lê a tela, mas o código por trás dela, interpretando os elementos e atributos sequencialmente conforme sua leitura, de cima para baixo e da esquerda para a direita. Essa leitura do código transforma-se em linguagem inteligível para o ouvinte, não só lendo o que seja realmente o texto, como descrevendo os elementos existentes na página, como imagens, links, formulários, tabelas etc. Quando ele passa por um link que contém uma imagem, ele descreve: "link" e "gráfico". Se no elemento de imagem houver o atributo ALT, ele complementa a narração dos elementos com o conteúdo textual que estiver dentro do atributo. Assim, se passarmos por um link com imagem, onde a imagem tenha escrito "Quem Somos" e houver o atributo ALT com o mesmo texto, ele disponibilizará: "gráfico", "link" "Quem Somos" audívelmente ou em Braille, por exemplo. Temos de observar que ele falará, em verdade, o conteúdo do atributo ALT e não o desenhado na imagem e que, para quem vê parece ser texto. Todo texto em imagem não é um texto real, mas desenhado, como poderia ser qualquer outro desenho.

No caso dos leitores de tela para deficientes visuais, as informações contidas na página não são exatamente obtidas pelo que aparece na tela, mas sim através do código por detrás dela e que a produziu. Se por acaso o código que está espelhando algo na tela for um código fechado, os leitores de tela serão incapazes de fazer a leitura e, ao contrário, se for um código aberto e dentro dos padrões web, o máximo possível de informações poderão ser sonorizadas e funções existentes na página poderão ser executadas pelo teclado.

  Exemplo de alguns leitores de tela:
   Jaws for Windows - Software comercial
   Virtual Vision - software comercial - Windows
   NVDA - software livre e aberto para plataforma Windows
   Window-Eyes - Software comercial para Windows
   Dosvox - Sistema de programas livre e aberto: navegador Webvox
   Orca - software livre e aberto - Distribuição Ubuntu para Linux

FONTE

Marco Antonio de Queiroz [MAQ [2]]

Outras Fontes: [3]

Manual rápido do NVDA em PDF acessível Arquivo:Manual nvda ptbr.pdf

Ferramentas pessoais
Espaços nominais

Variantes
Ações
Navegação
Ferramentas