iPad, iPhone e Macbook, sobre uma mesa, simetricamente alinhados entre si. O iPad e iPhone estão ligados, exibindo a tela inicial do sistema operacional.

Usando VoiceOver (leitor de tela) para avaliação de acessibilidade web

Juliana Fernandes
Acessibílito
Published in
5 min readJul 10, 2017

--

Essa é uma versão traduzida e resumida do artigo original Using VoiceOver to Evaluate Web Accessibility (em inglês).

Introdução

O VoiceOver é um leitor de tela que vem nos computadores Mac, iPhones, iPads e iPod. Este artigo foi concebido para ajudar novos usuários do VoiceOver a aprender os controles básicos para testar o conteúdo da web.

Ao ler este artigo, tenha em mente algumas coisas:

  • Este artigo fornece uma lista dos comandos essenciais do VoiceOver. Para uma lista mais abrangente de atalhos de teclado do VoiceOver, consulte o Guia do VoiceOver.
  • Não se desanime se as coisas ainda parecem confusas depois de apenas alguns minutos. Desacelere a velocidade de leitura e leve o tempo que precisar.
  • O VoiceOver está disponível na maioria das plataformas da Apple, mas esse artigo se concentrará no uso da versão OS X do VoiceOver.

Começando

Você pode iniciar (ou parar) o VoiceOver pressionando Command + F5. Se você estiver em um laptop, provavelmente precisará pressionar a tecla fn (função) adicionalmente para ativar o F5.

As teclas de ativação do VoiceOver (chamadas teclas VO) são control + option. Essas teclas são usadas para acessar comandos e funções especiais do VoiceOver e serão referenciadas simplesmente como VO. Por exemplo, VO + H (ou control + option + H ) abrirá o menu de Ajuda do VoiceOver.

Leitura

Há dezenas de atalhos de teclado que permitem que você leia o conteúdo da web. Com esses atalhos, você deve poder ler a maioria dos conteúdos.

  • VO + A : começar a ler
  • Control : parar de ler
  • VO + : ler próximo item
  • VO + : ler item anterior
  • VO + P : ler parágrafo
  • VO + S : ler frase
  • VO + W : ler a palavra (pressione W várias vezes para soletrar palavras em ordem alfabética e fonética)
  • VO + B : ler do topo para a posição atual
  • VO + Home : ir para o topo da página
  • VO + End : ir para baixo da página
  • VO + command + / : Selecione a opção de configuração de fala (taxa de fala, voz, afinação, etc.). Use VO + command + / para modificar a configuração de fala selecionada.

Navegação

Usuários ​​navegam visualmente através do conteúdo da web de várias maneiras. Através de títulos, listas, tabelas, etc. A maioria desses métodos está disponível para os usuários do VoiceOver, se a página da Web estiver corretamente estruturada e bem organizada. Você pode pressionar a tecla shift com os seguintes comandos para voltar ao elemento anterior.

  • Guia : próximo link ou controle de formulário
  • VO + command + L : link seguinte
  • VO + command + H : título seguinte
  • VO + command + J : controle de formulário seguinte
  • VO + command + T : próxima tabela
  • VO + command + X : lista seguinte
  • VO + command + G : gráfico / imagem seguinte
  • VO + espaço : ativar um link ou controle de formulário

O VoiceOver também oferece uma funcionalidade Rotor, que fornece acesso rápido a vários elementos da página. Abra o rotor pressionando VO + U, e em seguida, use as teclas e para escolher entre tabelas, imagens, cabeçalhos, links, etc. Uma vez que um tipo de elemento de página é selecionado, use as teclas e para selecionar um elemento específico e pressione enter para ativá-lo.

Dentro do rotor, você pode começar a digitar para filtrar os elementos disponíveis. Por exemplo, com o rotor Headers aberto, pressionar “2” irá filtrar para títulos de segundo nível. Digitando “nav” irá filtrar para os títulos que contêm esses caracteres. Tente isso nesta página para filtrar para títulos específicos. O rotor permite que você obtenha uma visão geral rápida da estrutura de uma página da Web e permita o acesso a muitos elementos na página.

Imagens

Toda imagem em uma página precisa de um texto alternativo. Se uma imagem não tiver texto alternativo, um leitor de tela normalmente a ignorará.

Exemplos de imagem e prática

Tabelas

As células das tabelas podem ser navegadas usando VO + as teclas de seta. Se uma tabela tiver cabeçalhos de tabela apropriados, eles serão lidos automaticamente à medida que a tabela for explorada no Safari. VO + C também lerá os cabeçalhos das colunas para uma célula e o VO + R lerá os cabeçalhos da linha. O Chrome não lê cabeçalhos de coluna.

O VoiceOver também tem dificuldade com cabeçalhos de linha ou coluna espaçados e quando a célula superior esquerda está vazia. Isso geralmente resulta em cabeçalhos incorretos sendo lidos.

Exemplos de tabela e prática

Formulários

O VoiceOver possui bom suporte à formulários corretamente estruturados, onde os labels estão corretamente associados aos seus respectivos campos.

Exemplos de formulário e prática

VoiceOver no iPhone, iPod Touch e iPad

O VoiceOver em dispositivos móveis é controlado através da interface de tela sensível ao toque. Com o VoiceOver ativado nas Configurações, o conteúdo da interface pode ser lido em voz alta e navegado. Toque em um item ou deslize para a esquerda e para a direita para selecioná-lo. O toque duplo (ou selecionando com um dedo e depois tocando com outro dedo) ativará o item (você pode tocar duas vezes em qualquer outro lugar na tela para ativá-lo).

  • Ler a página inteira: deslize dois dedos para cima
  • Parar de ler: toque com dois dedos
  • Ler os elementos da página: deslize para a esquerda ou para a direita
  • Abra ou modifique o rotor: torça dois dedos na tela. Selecione entre vários tipos de elementos do rotor torcendo. Uma vez selecionado, deslize para cima ou para baixo para percorrer os elementos disponíveis.
  • Ler da localização atual: deslize para baixo com dois dedos
  • Selecionar um elemento: toque em um item, arraste o dedo até o item ou navegue até ele através de outros gestos de navegação (ex: deslizando para direita ou esquerda)
  • Ativar um item: toque duas vezes
  • Zoom: toque triplo

Os usuários de desktop e laptop podem habilitar gestos de toque do VoiceOver que são quase idênticos aos controles acima. Ative o Trackpad Commander no VoiceOver selecionando VO + girando dois dedos no sentido horário no trackpad. Agora você pode usar o trackpad para controlar o computador da mesma maneira que você faria com um iPhone, iPod Touch ou iPad. Gire os controles de gesto selecionando VO + girando dois dedos no sentido anti-horário.

--

--

Juliana Fernandes
Acessibílito

UX, research, acessibilidade, plantas, ratos, livros, feminismo, veganismo e filmes de terror ruins.