Acessibilidade: inventário

Na UX-Republic, sempre conhecemos caras novas. Nesse caso, uma missão no Ipedis nos deu a oportunidade de colaborar com especialistas em acessibilidade. Aqui fica o nosso feedback, o que pudemos aprofundar ou descobrir graças a Moïse Akbaraly, Jonathan Chiche, Aïda Djemel, Sarah Guenkine e Sébastien Lopes!
olá gif

Acessibilidade, quesaco?

Na França, aproximadamente 20% das pessoas são afetadas por uma deficiência permanente. Essa proporção dobra se incluirmos as pessoas afetadas por uma deficiência temporária. (LE OKEENEA WEBZINE, 2015)
A acessibilidade digital diz respeito a 4 categorias principais de deficiência usando diferentes tecnologias assistivas.

  • Visual : Pessoas com cegueira ou deficiência visual podem navegar na mídia digital usando leitores de tela.
  • Físico : pessoas com mobilidade reduzida não podem usar o mouse na maioria das vezes. Eles utilizam teclados adaptados ou teclados convencionais com a ajuda do “foco” – pequena caixa que mostra as ações possíveis em uma interface – para navegar e interagir na página.
  • Auditivo : pessoas com deficiência auditiva têm, para alguns, problemas de fala e compreensão escrita. Os problemas encontrados estão principalmente relacionados à mídia de vídeo ou voz. Trata-se então de propor alternativas de conteúdo (legendas em um vídeo, transcrição escrita, etc.)
  • Cognitivo : pessoas com deficiência cognitiva (distúrbios de atenção, memória, pensamento e percepção) precisam de auxílios de consulta e navegação, seja por meio de suporte humano ou assistência tecnológica.

Refira-se que o cumprimento das normas permite também uma melhoria considerável na consulta de sites e aplicações, bem como na experiência de utilização de todos na Web. (IPEDIS, 2016)

Quem é responsável pela acessibilidade?

GIF estamos de olho em você36% por equipes editoriais
ex. webmasters, oficiais de comunicação
59% por equipes técnicas
ex. desenvolvedores
18% por equipes gráficas
ex. Designers de UX, designers de UI
(IPEDIS, 2016)

E concretamente, como funciona?

Sébastien Lopes, especialista cego do Ipedis, nos contou mostrado e explicado como ele trabalhava, seus pontos de atrito, mas também as melhores práticas a serem implementadas.
Pessoas com cegueira ou deficiência visual são as mais afetadas pela acessibilidade digital. Eles navegam principalmente usando um leitor de tela e, potencialmente, um display braille. Sebastian usa essas duas tecnologias assistivas.
As tecnologias assistivas preenchem a lacuna entre o código-fonte e o usuário. Eles permitem que você navegue corretamente em um dispositivo digital e em um site.
Operação de tecnologia assistiva

(IPEDIS, 2016: 12)

LEITOR DE TELA

Captura de tela do VoiceOverUn leitor de tela é um software de conversão de texto em fala que fala cada item exibido na tela.
Alguns dos leitores de tela mais comuns:
MANDÍBULAS (Job Access With Speech, pago) no PC
NVdA (Acesso de área de trabalho não visual, gratuito) no PC
VoiceOver integrado nativamente no MAC
Este software combina navegação completa pelo teclado – o uso do mouse é substituído por atalhos de teclado e ferramentas específicas do leitor de tela – assim como a vocalização de cada elemento sobre o qual o usuário passa. O usuário pode perceber o título dos vários elementos, entender a estrutura hierárquica e a natureza destes e antecipar sua função.
Deve-se notar que um leitor de tela vocaliza cada elemento de acordo com sua integração no código-fonte e não na ordem de aparecimento na tela. Da mesma forma, o cursor de navegação do teclado se moverá de acordo com a ordem de integração dos elementos.
O usuário tem a capacidade de ajustar a velocidade de leitura da tela. Como sempre, o usuário navega muito rápido: as palavras mal têm tempo de serem vocalizadas pela tecnologia assistiva quando ele já está no próximo conteúdo. Se o site não estiver acessível, essas pessoas não reterão informações importantes e simplesmente sairão do site. É difícil… Nós sabemos.
GIF é difícil sabemos

GAMA BRAILLE

Foto de uma tela brailleUma tela braille é um tablet composto por um certo número de células compostas por pontos braille removíveis, que podem ser levantados ou abaixados, formando uma letra. Ele traz um refinamento do conteúdo comparado apenas ao leitor de tela (pronúncia incorreta de siglas, nomes com sons estrangeiros, grafia exata de uma palavra).
Trabalhar com tabelas torna-se mais fácil com Braille do que com síntese de voz. O intervalo permite ler uma célula da tabela, visualizar mentalmente os vários cabeçalhos e estruturas dos elementos.
Este suporte pode ser opcional durante a navegação lambda, um complemento à síntese de voz. Por outro lado, quando se trata de conteúdos mais técnicos ou avançados, um display Braille torna-se imprescindível.

Os critérios essenciais de acessibilidade

Existem 3 níveis de acessibilidade dados pelo RGAA (IPEDIS, 2016: 6):

  • A. Site 100% compatível com os critérios de acessibilidade em causa.
  • AA. Site otimizado para melhorar o conforto do usuário.
  • AAA. Nível necessário para sites cujos usuários estão desabilitados.

Abaixo está uma lista de critérios essenciais de acessibilidade.
Critérios essenciais de acessibilidade

(IPEDIS, 2016: 17-18)

Em suma, são hábitos a adotar para oferecer conteúdos adaptados a todos.

ALGUNS PONTOS DE FRICÇÃO
  • Limite de leitores de tela
    Alguns itens podem não ser detectados corretamente, se forem. Por exemplo, um gráfico ou vídeo de condicionamento físico não identificado desaparecerá do conteúdo e da navegação do usuário cego.
  • navegador
    O Internet Explorer e o Firefox continuam sendo, ainda hoje, os melhores navegadores para tecnologias assistivas. Pode-se notar que o Google Chrome está melhorando cada vez mais sua compatibilidade com tecnologias assistivas.
  • Smartphones
    Apenas os iPhones são equipados nativamente com uma tecnologia de assistência: VoiceOver. Para Androids, TalkBack funciona bem. No entanto, a diversidade de sistemas Android não promove compatibilidade e a navegação pode se tornar rapidamente complexa.
  • Interface comum : o exemplo do caixa eletrônico
    Os caixas eletrônicos têm conectores de áudio para que os usuários cegos possam ouvir as instruções em particular. Iniciativa louvável, mas fones de ouvido cortam uma pessoa cega de seu ambiente direto. A assistência humana é muitas vezes necessária para contornar um sentimento inevitável de insegurança.
  • Conteúdo gráfico ou fotográfico para ler
    Cada imagem deve ser identificada no código usando uma “alternativa” (alt) limitada a 256 caracteres. Um leitor de tela vocalizará essa alternativa. Para esclarecer a descrição do conteúdo visual, é possível adicionar uma descrição longa (longdesc) no código-fonte.
  • Conteúdo gráfico ou fotográfico para compartilhar
    Escolher uma foto de perfil ou conteúdo fotográfico para compartilhar é quase impossível hoje sem assistência humana. A tecnologia assistiva ligada à inteligência artificial seria considerada em um futuro próximo?

Despeje conclure

Hoje, ainda estamos longe da maioria dos sites acessíveis. Muitos sites otimizam uma experiência em torno de uma categoria de usuários. As pessoas com deficiência muitas vezes são negligenciadas, levadas em consideração no final do projeto quando se trata de validar legalmente um nível de acessibilidade.
As empresas têm sido obrigadas a fazer esforços em termos de acessibilidade digital desde a entrada em vigor da lei 2005-102. Podemos aproveitar essa abertura. Os designers têm a capacidade de desempenhar um papel fundamental em trazer acessibilidade a todas as etapas do projeto e torná-lo um hábito. A evangelização em torno deste aspecto deve ser feita.
aquiescência GIF
Quem são os usuários? Como ajudá-los a navegar normalmente? Quais são seus hábitos de navegação e navegação? Quais são as restrições tecnológicas?
É essencial levar em conta a acessibilidade desde o início do projeto, para projetar nossas interfaces com uma persona adicional em mente, diretamente afetada pela acessibilidade. Se um argumento prático pode convencê-lo: um site projetado em acessibilidade custa 20% mais caro, por outro lado tornar um site não acessível acessível custa 100% mais caro. São reflexos a colocar, acabamos por mudar a acessibilidade dos nossos sites à medida que avançamos.
Aproveitamos: obrigado à equipe do Ipedis pelo acolhimento e pelo compartilhamento de conhecimento!
Obrigado GIF
Charlotte Boquet, UX Evangelista @UXRepublic
Manon Campait, UX-Ativista @UXRepublic
Saiba mais sobre acessibilidade
UX VERSUS ACESSIBILIDADE por Stephane Chilton

Fontes
IPEDIS (2016) Livro Branco de Acessibilidade Digital, 59 páginas.
O WEBZINE OKEENEA (2015), "Deficiência: o que, quem e quanto?"