Acessibilidade e design inclusivo

7 aprendizados de uma Masterclass de Marina Aísa & Nevan Scott

Ser capaz de assistir a todas as masterclasses, palestras e webinars que lhe interessam é praticamente impossível. Existem muitos deles e o tempo é limitado.

Assim, no espírito de colaboração com a comunidade, decidi compartilhar resumos de minhas anotações feitas durante os eventos que posso assistir e que sinto que podem ser úteis para outras pessoas.

Sinta-se à vontade para comentar ou me enviar uma mensagem se achar que deixei passar alguma coisa.

1. Que tipo de tecnologias assistivas devemos ter em mente ao projetar?

Devemos projetar para navegação de teclado e leitores de tela.

2. Quais são os fundamentos para projetar experiências acessíveis?

• Usando padrões
• Adicionando rótulos a elementos que são apenas visuais (como ícones)
• O contraste de cores deve ser de no mínimo 4,5 (nível de acessibilidade AA)

• As entradas devem sempre ter um rótulo. Os espaços reservados não são acessíveis porque muitos leitores de tela não os acessam.
• As mensagens de erro ou confirmação devem fornecer feedback com algo mais além da cor , como ícones e rótulos.

• Entendendo HTML semântico. É o que fornece hierarquia estrutural a um site e permite que os usuários com leitores de tela verifiquem as informações em vez de passar por tudo. Um exemplo disso pode ser o uso correto de tags como nav , header ou diferentes tipos de cabeçalhos: h1 , h2 , etc.
• Comunicar-se adequadamente para e com os desenvolvedores. Como designers, podemos pensar em HTML semântico e fornecer aos desenvolvedores informações sobre que tipo de tags podem ser usadas para os elementos em nossos designs.
• As tags Accessible Rich Internet Applications (ARIA) são um conjunto de atributos que você pode adicionar aos elementos HTML que definem maneiras de tornar a Web acessível. Por exemplo, a tag aria-live fornece feedback aos usuários de leitores de tela sobre coisas que estão acontecendo na tela (como um alerta) que, de outra forma, eles não perceberiam. Isto enquadra-se mais na área de desenvolvimento, mas é sempre interessante para os designers perceberem em que consistem e que funcionalidades podem proporcionar aos nossos utilizadores.

É importante lembrar que a navegação pelo teclado é usada por pessoas que podem ver a tela , mas podem ter dificuldades para usar o mouse ou outras formas de navegação. Além disso, fornece atalhos para usuários experientes, melhorando a eficiência de uso.

Pense na navegação pelo teclado como se estivesse usando uma TV com um controle remoto. —Nevan Scott

A primeira coisa a considerar é decidir quais elementos em nossos designs devem ser focalizáveis : somente os elementos que possuem ações relacionadas a eles (como botões, links, entradas, etc.)

Depois, devemos ter certeza de mostrar visualmente as coisas que estão em foco.

6. Como podemos projetar para pessoas com deficiência cognitiva?

Tudo o que melhora a experiência geral do usuário, facilitando a compreensão, simplificando e evitando uma alta carga cognitiva, ajudará na construção de uma melhor experiência para pessoas com deficiência cognitiva.

Além disso, uma observação sobre como o papel de UX Writing é essencial para esse propósito. A capacidade de escolher as palavras adequadas, a quantidade de texto e a capacidade de se comunicar de maneira direta e clara.

Além disso, reduzir o movimento ou adicionar a possibilidade de ligar e desligar o movimento em nossos projetos é algo que devemos levar em consideração.

7. Como é testada a acessibilidade?

É possível e é sempre uma boa ideia testar com pessoas com diferentes deficiências. Eles vão deixar você saber em primeira mão os problemas que encontram.

Mas no dia a dia é normalmente testado através de avaliação heurística .

Obrigado por ler!