Fundamentos do leitor de tela
Palavras-chave e conceitos
Familiarizar-se com os termos-chave é essencial para um suporte eficaz ao leitor de tela. Vamos definir e explicar alguns dos termos mais importantes:
Navegação do leitor de tela com teclado: os usuários do leitor de tela navegam pelo conteúdo usando as teclas de seta para entender e ler todos os elementos da página. Eles também usam a tecla tab para se mover através de elementos interativos. Além disso, os usuários de leitores de tela geralmente utilizam teclas de navegação rápida para saltar entre diferentes componentes. Por exemplo, pressionar a tecla "H" permite que eles naveguem rapidamente para os títulos, "T" permitirá que eles acessem a tabela, a tecla "D" é usada para navegar entre pontos de referência.
- Navegação sequencial: Este recurso permite que você percorra os elementos de um site ou aplicativo, um a um, em uma ordem específica e lógica. Os usuários do teclado e do leitor de tela podem navegar de um elemento para o outro, como mover de um título para um parágrafo ou de um link para outro. Garantir uma ordem lógica e significativa é crucial para a acessibilidade.
- Finalidade do link: Isso envolve fornecer texto claro e descritivo para os links para que os usuários entendam o que acontecerá ou para onde irão quando clicarem em um link. Os leitores de tela anunciam links com base na semântica, por isso é importante evitar frases vagas como "Clique aqui" e, em vez disso, usar texto descritivo como "Leia mais sobre diretrizes de acessibilidade". A finalidade do link ajuda os usuários a saber o que esperar, tornando a navegação mais fácil e intuitiva.
- Rótulos: eles são usados para descrever a finalidade de outro elemento, normalmente uma entrada de formulário, como uma caixa de texto, uma caixa de seleção ou um botão de opção. Os leitores de tela anunciam esses rótulos aos usuários, ajudando-os a entender quais informações são necessárias. Por exemplo, um rótulo para uma entrada de texto pode ser "Nome próprio".
- Títulos: Eles são usados para organizar e estruturar o conteúdo em seções gerenciáveis. Os cabeçalhos ajudam os utilizadores e leitores de ecrã a compreender a hierarquia e a importância do conteúdo, facilitando a sua leitura e navegação. Em HTML, os cabeçalhos variam de <h1> a <h6>. Por exemplo: use <h1> para o título principal da página, <h2> para títulos de seção, <h3> para títulos de subseção e continue com <h4>, <h5> e <h6> para subtítulos menores.
- Pontos de referência: esses elementos-chave ou pontos no código ajudam os usuários e leitores de tela a navegar e entender a estrutura de um site ou aplicativo. Os pontos de referência servem como sinalização, facilitando a localização e o gerenciamento de diferentes partes do código. Por exemplo, <o cabeçalho> é usado para definir a seção superior de uma página da Web, <o principal> é usado para definir o conteúdo principal da página e <o nav> é usado para definir uma seção que contém links de navegação, como um menu ou sumário.
- Texto alternativo: essas descrições são fornecidas para conteúdo não textual, como imagens, ícones e multimídia, para ajudar os usuários que não conseguem ver ou ouvir o conteúdo a entender do que se trata. O conteúdo não textual puramente decorativo não requer uma alternativa de texto.
- Atributos ARIA: Normalmente, ARIA não é algo que você usaria amplamente em todos os elementos do seu código. Em vez disso, é reservado para situações específicas em que os elementos HTML padrão ficam aquém. Por exemplo, considere um botão que exibe apenas um ícone sem qualquer rótulo de texto que o acompanhe. Nesses casos, você usaria o ARIA para fornecer o contexto necessário que o ícone sozinho não pode transmitir. Isso garante que os leitores de tela e outras tecnologias assistivas possam interpretar com precisão a finalidade do botão.
Importância de suportar leitores de tela
Os leitores de tela são essenciais para usuários cegos ou com baixa visão. Permitem-lhes aceder e interagir de forma independente com produtos e conteúdos digitais. Garantir que os aplicativos e sites sejam compatíveis com leitores de tela permite que esses usuários alcancem mais e aprimora a experiência geral para todos os usuários.
Além disso, a adesão às normas e diretrizes de acessibilidade, como as Web Content Accessibility Guidelines (WCAG), pode ajudar as organizações a evitar problemas legais e melhorar sua reputação. Muitos países têm leis e regulamentos que exigem que os produtos digitais sejam acessíveis, e o não cumprimento pode resultar em consequências legais.
Em última análise, apoiar leitores de tela é reconhecer e valorizar a diversidade dos usuários. Reflete um compromisso com a inclusão, garantindo que todos possam participar plenamente no mundo digital, independentemente das suas capacidades.
Exemplos práticos de operação do leitor de tela
Para lhe dar uma compreensão prática de como os leitores de tela funcionam, vamos mergulhar em alguns exemplos práticos. Esses exemplos mostrarão como os leitores de tela navegam pelas páginas da Web, leem o conteúdo e fornecem feedback aos usuários, destacando seus recursos e capacidades.
Usando o Narrador do Windows
Exercício 1
- Inicie o Narrador pressionando Ctrl + Windows + Enter.
- Abra o menu Iniciar do Windows pressionando a tecla Windows .
- Percorra a caixa de diálogo pressionando Tab e ouça os anúncios de tipo de controle, posição (n de m) e dicas.
- Navegue até o botão "Mais" na seção Recomendado usando a tecla Tab ou a tecla Narrador + Seta para a direita.
- Navegue até ao botão "Voltar" usando Tab ou a tecla do Narrador + seta para a esquerda.
- Desligue o Narrador pressionando Ctrl + Windows + Enter.
Exercício 2
- Inicie o Narrador pressionando Ctrl + Windows + Enter.
- Abra o navegador e navegue até o blog do Microsoft 365.
- Desligue e ligue novamente o modo de verificação pressionando abarra de espaço + .
- Percorra todos os pontos de referência pressionando D.
- Percorra todos os títulos pressionando H.
- Navegue até o primeiro título H3 pressionando 3 enquanto estiver em modo de leitura.
- Navegue até um link do Microsoft Editor pressionando K.
- Leia vários parágrafos. Pressione P para ler o próximo parágrafo.
- Pare de ler no meio de um parágrafo pressionando Ctrl.
- Desligue o Narrador pressionando Ctrl + Windows + Enter.
Utilizar o VoiceOver no Mac
Exercício 1
- Inicie o VoiceOver premindo Command + F5.
- Abra a caixa de diálogo Utilitários do VoiceOver pressionando Ctrl + Opção + F8.
- Percorra a caixa de diálogo pressionando Tab e ouça os anúncios de tipo de controle, posição (n de m) e dicas. Quando estiver focado em uma lista de elementos, use as teclas de seta para navegar por cada item.
- Navegue até ao controlo da caixa de verificação "Exibir caixa de diálogo de boas-vindas quando o VoiceOver for iniciado" usando Tab ou Ctrl + Opção + Seta para a Direita. Pressione a Barra de espaço para ativá-la ou desativá-la.
- Na lista de categorias de utilidade, navegue até à categoria "Verbosidade" usando Ctrl + Option + Seta Esquerda ou Seta Direita.
- Desligue o VoiceOver premindo Command + F5.
Exercício 2
- Inicie o VoiceOver premindo Command + F5.
- Abra o navegador e navegue até o blog do Microsoft 365.
- Ative e desative a navegação rápida pressionando a seta para a esquerda e a seta para a direita simultaneamente.
- Percorra todos os pontos de referência pressionando Ctrl + Opção + U e, em seguida, Seta para a esquerda ou Seta para a direita.
- Percorra todos os títulos pressionando Ctrl + Opção + Command + H.
- Navegue entre links pressionando Ctrl + Option + Command + L.
- Leia vários parágrafos. Pressione Ctrl + Opção + A para começar a ler continuamente ou Ctrl + Opção + P para ler o próximo parágrafo.
- Pare de ler no meio de um parágrafo pressionando Ctrl.
- Desligue o VoiceOver premindo Command + F5.
Estes exemplos práticos demonstram a importância dos leitores de ecrã no fornecimento de experiências digitais acessíveis. Ao entender como os leitores de tela operam, você pode projetar e desenvolver sites e aplicativos que sejam inclusivos e fáceis de usar para usuários cegos ou com baixa visão.