Acessibilidade no sentido clássico significa que edifícios e espaços públicos, transporte e objetos de uso diário, locais de trabalho e apartamentos, serviços e instalações de lazer são projetados de forma que todas as pessoas possam acessá-los sem a ajuda de terceiros. Quando se fala do mundo digital, isso significa basicamente a mesma coisa: acesso gratuito à Internet e a outros aplicativos digitais para todos.
Mas como isso deve funcionar? Tudo o que é digital é audiovisual, não é mesmo?

E é aí que reside o desafio. Como projetar um meio audiovisual de forma que, por exemplo, pessoas com deficiências visuais ou auditivas possam acessá-lo tão bem quanto as outras pessoas?

TIPOS DE DEFICIÊNCIAS

Diferentes tipos de deficiências têm diferentes efeitos sobre o manuseio e a percepção de sites e conteúdos digitais. Fazemos distinção entre deficiências visuais, motoras, acústicas e cognitivas:

Deficiências visuais

• Cegueira
• Visão prejudicada
• Deficiência de visão de cores 

Para as pessoas cegas, existem ferramentas para "ouvir" os sites. Elas usam alto-falantes e os chamados leitores de tela, ou seja, software que converte texto digital em linguagem ou em um sistema de escrita tátil (braile). O dispositivo de saída para isso é chamado de tela braile atualizável. Essas tecnologias de suporte também são conhecidas como tecnologias assistivas (TA). Leitores de tela bem conhecidos são o VoiceOver para iOS, macOS, JAWS ou NVDA para Windows. Eles também oferecem uma ampla variedade de teclas de atalho para navegar diretamente para parágrafos, títulos ou links, ou para mover-se dentro de tabelas.

Os leitores de tela não são usados apenas por pessoas totalmente cegas; as pessoas com deficiência visual usam essas ferramentas em conjunto com um ampliador de tela (um aplicativo que pode ampliar partes da tela) e também são úteis para pessoas com deficiências de leitura ou pessoas que acham mais fácil entender o texto falado. Os daltônicos não conseguem ver cores, apenas contrastes, ou seja, escuro e claro; as pessoas com daltonismo veem determinadas cores de forma "diferente". O daltonismo ocorre com mais frequência em homens do que em mulheres e pode se manifestar de várias maneiras diferentes: Deficiência na visão de vermelhos ou verdes, daltonismo, etc.

 

TRADUZINDO RECURSOS VISUAIS EM HÁPTICOS

Para que os usuários cegos tenham acesso aos recursos e ao conteúdo usando leitores de tela, todo o conteúdo também deve estar disponível como texto ou equivalente (por exemplo, para imagens e gráficos), e deve ser possível controlá-lo por meio do teclado. Todos os controles, títulos, tabelas, links etc. devem ser marcados adequadamente, permitindo que o leitor de tela os interprete corretamente e os leia em voz alta. Os vídeos que contêm informações geralmente precisam de audiodescrição além da faixa de áudio normal, explicando o que está acontecendo no vídeo.

Para usuários com deficiências visuais, devem ser observadas determinadas taxas de contraste. Os links e botões devem ter um foco visível. Por exemplo, é necessário ver se o botão está ativo no momento, por exemplo, usando uma borda visível. O foco ao passar o mouse também deve estar claramente visível. Em geral, todas as informações importantes devem ser mostradas como texto. Deve-se evitar texto dentro de gráficos.

 

Impedimentos de movimentação

• Tempo de reação lento
• Habilidades motoras finas prejudicadas

Pessoas com problemas de movimento também podem ter dificuldade para usar um computador. Cerca de 1,2 milhão de pessoas na Europa sofrem da doença de Parkinson. Para elas, é extremamente difícil operar um mouse. O mesmo se aplica a pessoas com lesões na coluna vertebral, paralisia, perda de extremidades, doenças musculares ou artrite. Elas podem usar ferramentas de suporte como rastreamento ocular, software de reconhecimento de voz, stylus para a boca ou cabeça e teclados ou dispositivos de entrada de botões especialmente otimizados.

ALTERNATIVAS AO MOUSE

As interfaces de usuário do navegador e do sistema operacional devem ser totalmente controláveis pelo teclado. Os elementos clicáveis devem ter um determinado tamanho e aparência para que possam ser ativados e reconhecidos como tal. Botões móveis e links que vagueiam pela tela devem ser totalmente evitados. Listas longas e grandes volumes de conteúdo devem ser estruturados e marcados para que possam ser ignorados. Os usuários devem ser informados em tempo hábil sobre o término de uma sessão e devem ter a opção de prolongá-la. As ações que concluem um contrato ou fazem um pedido devem ser marcadas como tal e, se iniciadas por engano, deve ser possível desfazer a ação.

 

Deficiências acústicas

• Surdez
• Deficiência auditiva

Obviamente, para pessoas sem audição, o áudio não é útil. Elas precisam de todas as informações em formato visual, ou seja, como texto ou vídeo. As pessoas com surdocegueira geralmente acessam o conteúdo da Web com uma tela em braile que atualiza automaticamente a saída. Para isso, foram desenvolvidos teclados especiais com uma tela em braile integrada.

Obviamente, para pessoas sem audição, o áudio não é útil. Elas precisam de todas as informações em formato visual, ou seja, como texto ou vídeo. As pessoas com surdocegueira geralmente acessam o conteúdo da Web com uma tela em braile que atualiza automaticamente a saída. Para isso, foram desenvolvidos teclados especiais com uma tela em braile integrada.

VISUALIZAÇÃO DE SONS

As gravações de áudio podem ser transcritas. O texto da transcrição contém as mesmas informações que o arquivo de áudio. Se for necessário distinguir entre vozes diferentes, os falantes devem ser marcados de acordo. Sons relevantes, como música ou aplausos, também devem ser registrados por escrito. Os vídeos com uma faixa de áudio devem ter legendas ocultas exibidas em sincronia com o que está acontecendo no vídeo.

 

Deficiências cognitivas

• Dificuldades de aprendizagem
• Distração
• Déficits de concentração

As deficiências mentais são a deficiência mais comum. Veja, por exemplo, a doença de Alzheimer: Na Alemanha, cerca de 1,6 milhão de pessoas são afetadas por essa doença. As deficiências cognitivas podem ser congênitas ou ocorrer durante o desenvolvimento de uma criança, ou podem ser causadas por acidentes, infecções, contaminação química e outras causas ambientais. Eles se manifestam por meio de compreensão limitada, baixa tolerância a demandas cognitivas excessivas ou capacidade limitada de resolução de problemas. Outros tipos de deficiências cognitivas podem incluir perda de memória de curto prazo, distúrbios de déficit de concentração e deficiência de leitura ou distúrbios de aprendizagem de matemática. Os efeitos de piscar ou de piscar podem desencadear convulsões, uma deficiência conhecida como epilepsia fotossensível.

 

Orientação ao usuário simples e compreensível

Para todas as pessoas com compreensão reduzida, o design das interfaces de usuário, da navegação e do conteúdo deve ser o mais simples possível. Às vezes, os recursos de ajuda podem ajudar com ações ou conteúdos complicados. As opções devem ser bem estruturadas e limitadas. Os players de vídeo e áudio devem se limitar ao conteúdo relevante e ser o mais curtos possível.

Para usuários com perda de memória de curto prazo, é útil ter caminhos que mostrem a etapa atual, por exemplo, ao fazer um pedido. As informações sempre devem ser salvas quando o usuário passa para outra tela.

Pessoas com distúrbios de déficit de atenção podem ser facilmente perturbadas por elementos que distraem. Nesse caso, é útil reduzir ao mínimo elementos como anúncios, carrosséis e conteúdo chamativo de vídeo ou áudio.

Para facilitar a compreensão de seu conteúdo por pessoas com dificuldades de leitura, adicione ilustrações, vídeos ou áudio ao texto.

 

Estatísticas e grupos-alvo

Deficiências na Alemanha em 2018 (Departamento Federal de Estatística da Alemanha)

► 7,8 milhões de pessoas com deficiências graves

► 240.000 pessoas com deficiências visuais, das quais 70.000 são cegas

► 4 milhões de analfabetos

► 10% com deficiência de leitura e/ou escrita

► 80.000 pessoas surdas

► 190.000 pessoas com deficiências auditivas, distúrbios de equilíbrio ou de linguagem

► 575.000 com uso limitado dos braços e/ou pernas

► 500.000 epilépticos em terapia

► 750.000 pessoas com distúrbios de déficit de concentração

► 7,5 milhões de pessoas com analfabetismo funcional

Há cerca de 80 milhões de pessoas com deficiência na UE, o que representa cerca de 15% da população europeia.

 

Os recursos de acessibilidade ajudam a todos

Não são apenas as pessoas com deficiências visuais, de movimento, auditivas ou cognitivas que se beneficiam do web design acessível: Outros grupos, como idosos, falantes não nativos, migrantes, turistas e usuários inexperientes, também gostam de um design de IU claro e de fácil compreensão. Até mesmo os mecanismos de pesquisa recompensam o design acessível com um melhor posicionamento entre os resultados de pesquisa.

Leis, regulamentos e diretrizes

O objetivo da Diretiva (UE) 2016/2102 do Parlamento Europeu e do Conselho, de 26 de outubro de 2016, é garantir que os sites e aplicativos móveis de órgãos do setor público se tornem mais acessíveis com base em requisitos comuns de acessibilidade. A diretiva aponta para a norma europeia EN 301 549(Requisitos de acessibilidade adequados para compras públicas de produtos e serviços de TIC na Europa), que, entre outras coisas, contém o requisito de atender às WCAG 2.1 Nível AA (Diretrizes de acessibilidade de conteúdo da Web).

Essa diretriz é traduzida para a legislação alemã com a Lei BGG (Lei de Igualdade para Pessoas com Deficiência) e a BITV 2.0 (Lei de Acessibilidade de TI). O conteúdo não deve apenas atender às WCAG e ao Anexo A da EN 301 549, mas também deve conter uma declaração de acessibilidade, um mecanismo de feedback e conteúdo importante em linguagem de sinais e em alemão simples.

 

PROCEDIMENTOS DE TESTE
PARA VERIFICAR A ACESSIBILIDADE

 

Teste BITV

O chamado teste BITV(www.bitvtest.de, em alemão) oferece uma metodologia de teste renomada e respeitável para testes completos e confiáveis de acessibilidade de sites e aplicativos da Web. O teste foi desenvolvido no âmbito do projeto alemão BIK, que visa apoiar o compartilhamento e a comunicação de informações acessíveis. O projeto foi apoiado pelo Ministério Federal do Trabalho e Assuntos Sociais da Alemanha. O teste é usado e desenvolvido por laboratórios de teste na Associação BITV Test Prüfverbund.

Essa metodologia de teste contém 92 etapas de teste que também abrangem os requisitos das WCAG 2.1 Nível AA e os critérios relevantes do Anexo A da EN 301 549. Quando um laboratório de testes recebe um pedido de teste, a primeira etapa é selecionar páginas da Web ou telas para garantir a maior cobertura de teste possível.

Por exemplo, todas as principais tecnologias da Web em uso devem ser testadas quanto à acessibilidade. O relatório do teste contém os resultados do teste divididos em etapas de teste individuais, bem como dicas práticas para solucionar o problema. Aqui você também pode fazer um autoteste gratuito que lhe dará uma ideia sobre a acessibilidade do seu próprio aplicativo ou site.

Há várias ferramentas úteis para o processo de teste: os chamados Bookmarklets podem ser salvos como favoritos no navegador(http://pauljadam. com/bookmarklets) e destacam, por exemplo, estruturas de títulos ou elementos de tabela diretamente no site que está sendo testado. O WCAG Color Contrast Checker permite destacar contrastes muito baixos; e o plug-in ARC Toolkit Chrome combina várias verificações de acessibilidade em uma única ferramenta. Mesmo com todas essas ferramentas, a maioria das etapas de teste exige testes manuais e conhecimento especializado para identificar barreiras e criar soluções práticas para designers e desenvolvedores.

 

Teste de software BIT inklusiv BITV 

O teste de software BIT inklusiv BITV pode ser usado para verificar a acessibilidade digital do software aplicativo desenvolvido para um ambiente de trabalho. A rede BIT inklusiv Netzwerk inclui laboratórios de teste que oferecem consultas e testes de acessibilidade. O teste de conformidade do BITV baseia-se nos requisitos da norma da UE EN 301 549 Capítulo 11. O teste contém 75 etapas de teste nas categorias de Visibilidade, Usabilidade, Compreensibilidade, Robustez, Interoperabilidade de Tecnologia Assistiva, Uso Documentado, Preferências do Usuário, Ferramentas de Autor, Documentação e Serviços de Suporte.

As etapas de teste incluídas nesse teste são públicas e podem ser encontradas em www.bit-inklusiv.de (em alemão).

 

EXEMPLOS DE DESIGN DE SITES ACESSÍVEIS

Os controles gráficos (botões, logotipos clicáveis, banners etc.) devem ser acompanhados de texto alternativo para que sejam acessíveis aos usuários de leitores de tela.

<img   src=“images/logo. png“   height=“80px“ width=“260px“   class=“img- fluid   nav-logo-desktop“ alt=“Company Logo   Test

Serviços e soluções da Web">

 

As fontes de ícones que não contêm informações devem ser ocultadas dos leitores de tela usando aria- hidden="true", caso contrário, o leitor de tela poderá lê-las como caracteres especiais. O texto alternativo pode ser atribuído usando aria-label:

<button   aria-label=“Menu“>

<i   class=“fa   hamburger   menu“

aria-hidden=”true”></i>

</button>

 

O estado de exibição/ocultação de menus e elementos de acordeão deve ser marcado com aria-expanded: aria-expanded="true" para o estado expandido e aria-expanded="false " para o estado oculto.

Para tornar determinadas partes de um site ou aplicativo da Web acessíveis para tecnologias assistivas, essas partes devem ser rotuladas adequadamente, usando HTML ou uma função ARIA.

O ARIA descreve um método para tornar o conteúdo e os aplicativos da Web mais acessíveis a pessoas com deficiências. Ele oferece aos desenvolvedores uma ferramenta para definir nomes, funções, estados e propriedades de elementos HTML. O ARIA só deve ser usado quando não for possível uma realização alternativa em HTML - o máximo de HTML possível, o máximo de ARIA necessário!

Os usuários daltônicos precisam de recursos visuais de alto contraste; para texto de conteúdo, botões baseados em texto etc. em tamanhos de fonte inferiores a 24 px (ou 18,7 px, se em negrito), uma taxa de contraste de 4,5:1 ou mais, e para tamanhos de fonte maiores (>=24 px) uma taxa de contraste de 3:1 ou mais. Para gráficos e controles gráficos, a taxa de contraste de 3:1 para as cores vizinhas deve ser suficiente. São feitas exceções para gráficos em que as cores não podem ser alteradas, por exemplo, logotipos ou bandeiras.

 

Editores da Web

Não basta que os designers e desenvolvedores implementem recursos de acessibilidade: Os editores da Web também devem garantir que seu conteúdo seja acessível. Portanto, é importante fornecer treinamento a eles. Especialmente quando se trata de gerenciamento de conteúdo, é importante que as imagens incluam texto alternativo e que as listas e os títulos não sejam marcados apenas visualmente.

O que está por vir

Como o setor público é obrigado por lei a projetar seu conteúdo digital para ser acessível, seus órgãos prestam mais atenção ao cumprimento dos requisitos da BITV. Portanto, cada vez mais desenvolvedores de software e agências da Web se deparam com tarefas de acessibilidade. Além disso, há a nova diretiva da UE 2019/882 dentro da Lei de Acessibilidade Europeia, que deve ser implementada na legislação nacional até junho de 2022. Ela descreve os requisitos de acessibilidade para produtos e serviços. Isso significa que partes do setor de comércio eletrônico terão que incorporar recursos de acessibilidade em breve. A essa altura, no máximo, a acessibilidade digital será uma preocupação para todos.

 

---

 

O autor: Sascha Noack

 SASCHA NOACK é o CEO da TWIN CUBES GmbH, com sede em Illingen, perto de Stuttgart, Alemanha. Sascha trabalha como consultor de TI há mais de 15 anos. Na consultoria, ele se concentra no gerenciamento de testes e na melhoria do processo de testes para projetos complexos de TI. Ele também tem uma ampla gama de conhecimentos sobre desenvolvimento acessível na Web, realiza workshops e escreve opiniões de especialistas sobre acessibilidade.

 

 

 

COOPERAÇÃO ENTRE MyQ E A TWIN CUBES GmbH

Como a principal missão do MyQé oferecer uma solução personalizada que seja intuitiva para seus usuários, MyQ decidiu otimizar sua UI da Web no MyQ X versão 8.2 para seguir as diretrizes mencionadas acima e, em estreita colaboração com a Twin Cubes GmBH, ajustou a interface virtual para atingir todas as marcas de verificação de acessibilidade. 

A Twin Cubes GmbH auxiliou os desenvolvedores da interface do usuário da Web MyQ a atender a todos os requisitos da certificação de acessibilidade e os ajudou a testar o novo produto. A jornada de acessibilidade levou mais de 50 horas de consultas, relatórios preliminares e testes finais, além de centenas de horas de desenvolvimento desde julho de 2020 até março de 2021. O patch de acessibilidade mais recente foi lançado em 1º de abril de 2021 como parte de uma versão completamente nova do software MyQ X 8.2, que também foi certificada.

Agora, a interface de usuário da Web acessível MyQ X ajuda os usuários com deficiência a gerenciar suas tarefas de impressão e permite que os administradores do sistema MyQ X utilizem opções avançadas de administração.

Recursos disponíveis para administradores e usuários na UI da Web do MyQ X 8.2:

 

  

Todos os usuários devem ter a possibilidade de usar ferramentas de última geração para ajudá-los em suas tarefas diárias. Assim, MyQ estendeu uma experiência acessível também para o aplicativo móvel MyQ X Mobile Client, que pode lidar com todas as tarefas de impressão a partir do telefone do usuário.

 

Aumente sua acessibilidade com o MyQ X