Tutorial de teste de acessibilidade: O que é, ferramentas & Exemplos

Índice:

Anonim

O que é teste de acessibilidade?

O Teste de Acessibilidade é definido como um tipo de Teste de Software realizado para garantir que o aplicativo sendo testado seja utilizável por pessoas com deficiências como audição, daltonismo, idosos e outros grupos desfavorecidos. É um subconjunto de Teste de Usabilidade.

Pessoas com deficiência usam tecnologia assistiva que os ajuda a operar um produto de software. Exemplos de tal software são:

  • Speech RecognitionSoftware - Converte a palavra falada em texto, que serve como entrada para o computador.
  • Software leitor de tela - usado para ler o texto que é exibido na tela
  • Software de ampliação de tela - usado para ampliar o monitor e facilitar a leitura para usuários com deficiência visual.
  • Teclado especial feito para usuários de fácil digitação que têm dificuldades de controle motor

Neste tutorial, você aprenderá-

  • O que é teste de acessibilidade?
  • Por que teste de acessibilidade?
  • Quais deficiências apoiar?
  • Como fazer testes de acessibilidade?
  • Ferramentas de teste de acessibilidade
  • Mitos de teste de acessibilidade

Por que teste de acessibilidade?

Razão 1 : atender ao mercado para pessoas com deficiência.

Cerca de 20% da população tem problemas de deficiência.

  • 1 em cada 10 pessoas tem uma deficiência severa
  • 1 em cada 2 pessoas com mais de 65 anos têm capacidades reduzidas

As deficiências incluem cegueira, surdez, deficiência ou quaisquer distúrbios do corpo.

Um produto de software pode atender a esse grande mercado, se for adaptado para deficientes físicos. Os problemas de acessibilidade no software podem ser resolvidos se o teste de acessibilidade fizer parte do ciclo de vida normal do teste de software.

Razão 2 : respeitar as legislações de acessibilidade

Órgãos governamentais em todo o mundo fizeram legalizações, que exigem que os produtos de TI sejam acessíveis a pessoas com deficiência.

A seguir estão os atos legais de vários governos -

  • Estados Unidos: Lei dos Americanos com Deficiências - 1990
  • Reino Unido: Lei de Discriminação de Deficientes - 1995
  • Austrália: Lei de Discriminação de Deficientes - 1992
  • Irlanda: Disability Act de 2005

O teste de acessibilidade é importante para garantir a conformidade legal.

Razão 3 : evite processos judiciais potenciais

No passado, as empresas da Fortune 500 foram processadas porque seus produtos não eram adequados para deficientes físicos. Aqui estão alguns casos proeminentes

  • Federação Nacional para Cegos (NFB) vs Amazon (2007)
  • Sexton e NFB vs Target (2007)
  • Acordo NFB Vs AOL (1999)

É melhor criar produtos que ofereçam suporte para deficientes e evitem processos judiciais em potencial.

Quais deficiências apoiar?

O aplicativo deve oferecer suporte a pessoas com deficiência como -

Tipo de deficiência

Descrição de deficiência

Deficiência visual

  • Cegueira completa ou daltonismo ou visão deficiente
  • Problemas visuais, como estroboscópio visual e problemas de efeito intermitente

Deficiência física

  • Não é possível usar o mouse ou o teclado com uma das mãos.
  • Habilidades motoras deficientes, como movimentos das mãos e lentidão muscular

Deficiência cognitiva

  • Dificuldades de aprendizagem ou memória insuficiente ou incapaz de compreender cenários mais complexos

Deficiência de alfabetização

  • Problemas de leitura

Deficiência auditiva

  • Problemas auditivos como surdez e deficiência auditiva
  • Não consigo ouvir ou não consigo ouvir claramente

Como fazer testes de acessibilidade?

O teste de acessibilidade pode ser realizado de 2 maneiras, e são elas:

  1. Manual
  2. Automatizado

A seguir estão as necessidades do ponto a serem verificadas para que o aplicativo seja usado por todos os usuários. Esta lista de verificação é usada para assinar o teste de acessibilidade.

  1. Se um aplicativo fornece equivalentes de teclado para todas as operações do mouse e janelas?
  2. Se as instruções são fornecidas como parte da documentação do usuário ou do manual? É fácil entender e operar o aplicativo usando a documentação?
  3. Se as guias são ordenadas logicamente para garantir uma navegação tranquila?
  4. Se as teclas de atalho são fornecidas para menus?
  5. O aplicativo é compatível com todos os sistemas operacionais?
  6. Se o tempo de resposta de cada tela ou página é claramente mencionado para que os usuários finais saibam quanto tempo esperar?
  7. Se todas as etiquetas estão escritas corretamente no aplicativo?
  8. Se a cor do aplicativo é flexível para todos os usuários?
  9. Se imagens ou ícones são usados ​​de forma adequada, para que sejam facilmente compreendidos pelos usuários finais?
  10. Se um aplicativo tem alertas de áudio?
  11. Se um usuário pode ajustar os controles de áudio ou vídeo?
  12. Se um usuário pode substituir as fontes padrão para impressão e exibições de texto?
  13. Se o usuário pode ajustar ou desabilitar telas piscantes, giratórias ou móveis?
  14. Verifique se o código de cores nunca é usado como o único meio de transmitir informações ou indicar uma ação
  15. Se o realce pode ser visto com cores invertidas? Teste de cor no aplicativo, alterando a taxa de contraste
  16. Se o conteúdo relacionado a áudio e vídeo é ouvido adequadamente pelas pessoas com deficiência? Teste todas as páginas multimídia sem alto-falantes em sites
  17. Se o treinamento é fornecido para usuários com deficiências que os capacitará a se familiarizar com o software ou aplicativo?

Os testes de acessibilidade podem ser desafiadores para os testadores porque eles não estão familiarizados com deficiências. É melhor trabalhar com pessoas com deficiência que têm necessidades específicas para entender seus desafios.

Existem diferentes maneiras de testar a acessibilidade dependendo da deficiência. Vamos aprender todos eles um por um.

1) Deficiência visual

OK, agora vamos assumir que não tenho capacidade de visão. Estou completamente cego e queria acessar o site XYZ. Nesse caso, qual é a opção ???? Não consigo acessar o site XYZ? Qual opção eu tenho? Existe a opção de uma palavra que é denominada SCREENREADER. Sim, você acertou. LEITOR DE TELA. Agora, o que é esse leitor de tela? É um software utilizado para narrar o conteúdo da web. Basicamente, o que está no seu site, seja conteúdo, Link, Botão de Rádio, Imagens, Vídeo, etc. Um leitor de tela narrará tudo para mim. Existem vários leitores de tela disponíveis. Eu trabalhei com mandíbulas.

Basicamente, quando você inicia o jaws ou qualquer leitor de tela e depois vai para o site, ele irá narrar o conteúdo completo. Por exemplo: eu iniciei o jaws e iniciei o navegador JAWS anunciará que o Mozilla Firefox inicia a página, agora se eu for para a barra de endereço, o JAWS anunciará essa BARRA DE ENDEREÇOS e então digite www.google.com na barra de endereço, jaws vai para explicar algo assim: -

Barra de endereço, w, w, w, ponto, g, o, o, g, l, e, ponto, c, o, m. Além disso, quando a página carregar completamente, o jaws anunciará novamente a página inicial do Google.Com.Agora, se eu for para a Pesquisa Google, o JAWS anunciará essa pesquisa Google. Portanto, seria fácil para um cego reconhecer as coisas com facilidade.

O ponto que desejo explicar aqui, um leitor de tela narrará palavra por palavra se você inserir algo ou na caixa de texto . Da mesma forma, se houver link, ele o pronunciará como um link, para Button, ele o pronunciará como um botão. Para que uma pessoa cega possa identificar facilmente as coisas.

Agora, se um site for mal projetado e desenvolvido, então pode ser possível (geralmente acontece) que o jaws não seja capaz de narrar o conteúdo correto, o que por sua vez resulta em inacessibilidade para pessoas cegas. (Digamos que o jaws esteja narrando um link como um , então um usuário cego nunca seria capaz de saber que é um link e se isso seria crucial para aquele site, então ????). Nesse caso, seria um resultado em uma grande perda para o negócio do site.

2) Deficiência Visual

Há duas categorias que quero mencionar na deficiência visual.

O primeiro é daltonismo. Daltonismo significa não ser completamente cego, mas não ser capaz de ver alguma cor específica corretamente. Vermelho e azul são as cores comuns que as pessoas não conseguem ver corretamente se forem daltônicas. Então, basicamente, se eu tiver um daltonismo vermelho e quiser usar um site que é 80% vermelho, então ??? Eu ficaria confortável nesse site? A resposta é não.

Portanto, um site deve ser projetado de forma que uma pessoa com daltonismo não tenha nenhum problema para acessá-lo. Pegue um exemplo simples de um botão que está em vermelho. Para torná-lo acessível se estiver contornado em preto. Então é de fácil acesso. Normalmente, o preto e o branco são considerados universais.

3) DEFICIÊNCIA DE VISÃO DEFICIENTE

A segunda coisa é uma pessoa com visão deficiente (visão não clara) ou com problemas de visão diferentes (há muitos problemas oculares relacionados à retina, etc.) para acessar qualquer local.

1) Nesses casos, o melhor a fazer é evitar textos pequenos. Porque seria uma grande vantagem para pessoas com visão deficiente.

2) Além disso, pessoas com problemas de visão gostariam de ampliar o texto do site para torná-lo confortável para elas. Portanto, um site deve ser desenhado de tal forma que, se for ampliado, seu layout não seja quebrável ao ampliar o texto. Caso contrário, não será uma boa impressão para eles.

4) Outra deficiência

Nos testes de acessibilidade para o público com deficiência, um ponto muito importante a considerar é acessar o site sem o uso do mouse. Uma pessoa deve ser capaz de acessar completamente o site através dos links, botões, radio buttons, checkboxes, pop-ups, dropdown, todos os controles devem estar completamente acessíveis e operáveis ​​através do teclado.

Por exemplo : se eu estiver paralisado com a mão direita e não me sentir confortável com um mouse ou disser que não quero usar um mouse, o que fazer? Nesse caso, se eu não conseguir acessar o link ou as caixas de seleção do site via teclado ???? Portanto, um site deve ser totalmente acessível com o teclado.

O Texto Alternativo deve estar presente para Imagens, Áudio, Vídeo para que o leitor de tela os leia e os narre para que uma pessoa cega possa reconhecer facilmente do que se trata a imagem, o áudio, o vídeo. Além disso, os atalhos do teclado devem estar presentes para facilitar o acesso ao site e a navegação deve estar disponível com o teclado.

Além disso, o foco deve ser totalmente visível. Quando pressionamos a guia, o usuário deve ser capaz de ver para onde o controle está se movendo. Com o foco visível, torna-se muito fácil para um usuário com visão deficiente ou daltonismo identificar o fluxo de um site e também facilidade de acesso.

Usuário com Deficiência Auditiva (Surdo ou com dificuldade de ouvir): Os últimos são portadores de deficiência auditiva. Uma pessoa surda pode acessar o site da mesma forma que é capaz de ver o conteúdo do site. Mas quando se trata de áudio e vídeo, eles enfrentam dificuldades. Nesse caso, para qualquer vídeo e áudio, deve haver texto alternativo. Texto alternativo significa texto alternativo. Suponha que haja algum vídeo sobre como reservar uma passagem aérea. Nesse caso, o texto deve estar lá para que um surdo possa lê-lo e ter uma ideia do que é o vídeo.

Ferramentas de teste de acessibilidade:

Para tornar o seu site mais aceitável e amigável, é fundamental que ele seja facilmente acessível. Existem várias ferramentas de teste de acessibilidade que podem verificar a acessibilidade do site.

A seguir estão algumas das ferramentas de teste de acessibilidade populares :

1) Onda

Wave é uma ferramenta gratuita de acessibilidade na web criada pela WEBAIM. É usado para validar a página da web manualmente para vários aspectos de acessibilidade. Essa ferramenta pode ser usada para verificar a intranet, páginas protegidas por senha, geradas dinamicamente ou páginas da web confidenciais. As principais funções da Barra de Ferramentas de Acessibilidade da Web incluem a identificação de componentes de uma página da Web, fornecendo acesso a uma visualização alternativa do conteúdo da página e facilitando o uso de aplicativos online de terceiros. Ele garante relatórios de acessibilidade 100% privados e seguros

Visite aqui

2) TAW

TAW é a ferramenta online para determinar a acessibilidade de sua web. Essa ferramenta analisa o site de acordo com as diretrizes de acessibilidade da Web do W3C e mostra os problemas de acessibilidade. Os problemas de teste de acessibilidade da Web são categorizados em prioridade 1, prioridade 2 e prioridade 3. O recurso interessante do TAW é a capacidade de gerar subconjuntos de WCAG 1.0 para teste. Na ferramenta TAW, você pode escolher testar uma única página ou várias páginas por "spider" em um site. O TAW também nos permite definir verificações adicionais por meio da caixa de diálogo "Verificação do usuário"

Visite aqui

3) Manobrista de acessibilidade

É uma ferramenta que permite verificar se as páginas da web estão em conformidade com as WCAG (Web Content Accessibility Guidelines). Todas as opções de relatório HTML mostram sua marcação em uma forma normalizada, destacando marcas obsoletas, falsas e válidas, bem como elementos que foram colocados no lugar errado. Esta ferramenta oferece vários recursos como

  • Relatórios detalhados para desenvolvedores
  • Resumo executivo para controle de qualidade e gerenciamento
  • Meta-dados para a web semântica e WWW
  • Limpeza automática e conversão de Html para XHtml
  • Ferramentas de script

Visite aqui

4) Ferramentas de desenvolvimento de acessibilidade

É uma extensão do Chrome. Faz e auditoria de acessibilidade. Os resultados da auditoria mostram regras de acessibilidade que são violadas pela página em teste. A extensão tem muitas avaliações e é atualizada com frequência

Visite aqui

5) Testador de página de acessibilidade rápida

Como existem algumas barras de ferramentas de acessibilidade excelentes, o Quick Page Accessibility Tester é um marcador no qual você pode clicar para obter uma análise rápida da página da web. Ele resolverá vários problemas com sua página, avisará sobre possíveis problemas e realçará áreas na página que podem se beneficiar de ARIA (Accessible Rich Internet Applications).

Visite aqui

Existem várias ferramentas disponíveis no mercado para realizar os testes de acessibilidade na web abaixo:

6) aDesigner

Trata-se de uma ferramenta desenvolvida pela IBM que simula a experiência de deficientes visuais para que o designer possa entender melhor as necessidades das pessoas com deficiência e desenvolver aplicações adequadas.

Visite aqui

7) WebAnywhere

Esta é uma ferramenta baseada em navegador que funciona de forma semelhante aos leitores de tela como o Jaws. Ajuda os leitores a ler a página da web.

Visite aqui

8) Barra de ferramentas de acessibilidade da web

WAT é uma extensão do Internet explorer ou Opera que oferece aos designers de páginas web recursos úteis na análise de páginas web. Uma das melhores características é o recurso GreyScale, que ajuda a encontrar pontos de baixo contraste no design.

Visite aqui

Mitos do teste de acessibilidade:

A seguir estão os Mitos do Teste de Acessibilidade:

Mito: Criar um site acessível é caro

Fato: não é caro. Reserve um tempo para pensar sobre os problemas de acessibilidade no estágio de design em si, juntamente com os testes básicos. Isso economizará dinheiro e também fará o retrabalho.

Mito: Mudar sites inacessíveis para sites acessíveis é demorado e caro

Não é necessário incorporar todas as alterações de uma vez. Trabalhe nas necessidades básicas mais necessárias para usuários com deficiência.

Mito: a acessibilidade é simples e entediante

Acessibilidade não significa página somente de texto

Você pode tornar as páginas da web atraentes, mas deve ser projetado de forma que possa ser acessado por todos os usuários. Também de acordo com as diretrizes de acessibilidade de conteúdo da web do W3C - desencoraja fortemente o uso de páginas somente de texto.

Mito: Acessibilidade para cegos e deficientes

Fato: Seguir as diretrizes de acessibilidade melhora a usabilidade geral do software, o que também ajuda os usuários regulares.

Conclusão

Em Engenharia de Software, o teste de acessibilidade ajuda a tornar seu aplicativo amigável para desabilitados. Se não for possível seguir as diretrizes de acessibilidade devido à complexidade de seu aplicativo da web, crie uma versão do site para usuários regulares e outra para desabilitar