A evolução do design web e a importância da acessibilidade
O design web passou por uma grande evolução nos últimos anos, com a acessibilidade e a inclusão sendo prioridades no mundo offline, impactando um lado mais humano do desenvolvimento de software. Isso significa repensar a abordagem de design, garantindo que as etapas dentro dos processos abordem questões de acessibilidade. No entanto, algumas empresas de tecnologia ainda estão presas a uma era anterior, antes da implementação da acessibilidade nos produtos, e seus sites permanecem inacessíveis a todos os usuários, especialmente aqueles com deficiências.
De acordo com a pesquisa Click-Away Pound Survey, 71% dos visitantes de sites com deficiência deixarão um site se ele não for acessível. As organizações não podem se dar ao luxo de terminar em uma situação em que os designers de tecnologia construíram um aplicativo que uma grande parte dos usuários não consegue acessar ou utilizar efetivamente. Mesmo as empresas de software que adotam uma mentalidade centrada na acessibilidade ainda conseguem ignorar áreas que podem beneficiar os usuários. A tecnologia ainda está atrasada na revolução da inclusão e os designers de tecnologia de hoje devem abordar todos os projetos com uma mentalidade acessível para beneficiar todos os usuários.
O que significa realmente acessibilidade?
Hoje em dia, um design normal deve ser igual a um design acessível, o que significa projetar aplicativos com uma interface de usuário que todos possam navegar confortavelmente e facilmente, com um sistema de navegação e conteúdo em uma ordem lógica. A facilidade de uso é fundamental para o sucesso de uma experiência ou aplicativo.
Todos nós utilizamos recursos de acessibilidade, muitas vezes sem perceber. Isso pode incluir mudar para o modo escuro, aumentar o zoom ou ajustar o tamanho do texto em um navegador, ou ditar texto para a Siri – estamos constantemente nos beneficiando dos recursos de acessibilidade dos dispositivos.
Aplicativos que não possuem o comportamento esperado são frustrantes para o usuário médio e debilitantes para aqueles que precisam de assistência acessível. Uma deficiência pode ser permanente ou temporária. Isso pode significar desde simplesmente precisar usar óculos até dislexia, ou precisar navegar no computador de maneira diferente por algumas semanas após quebrar um braço, até condições muito mais complexas. Até mesmo um pai segurando um bebê com um braço pode se beneficiar de um site mais acessível.
Barreiras para um design de tecnologia acessível
Os obstáculos comuns que dificultam um design de tecnologia acessível incluem velocidade, custo e alguns erros comuns de front-end. Em um esforço para concluir um projeto o mais rápido e barato possível, uma organização pode negligenciar a acessibilidade desde o início do projeto – e a adaptação de recursos de acessibilidade em softwares já lançados não é uma opção eficaz.
Algumas equipes de DevOps acreditam que projetar um site ou aplicativo acessível é mais difícil do que realmente é. Mas muitos sistemas de gerenciamento de conteúdo populares têm acessibilidade embutida nas tags HTML de sua funcionalidade de arrastar e soltar. A partir daí, as organizações só precisarão considerar coisas como as cores que estão escolhendo e adicionar texto alternativo. Isso pode ser feito mesmo que você não seja a pessoa que construiu o software. Para aqueles que têm orçamento disponível, existem programas de software que avaliam a acessibilidade do seu site enquanto ele é construído.
Recomendações para tornar sites e aplicativos acessíveis
Um verdadeiro design centrado na acessibilidade significa incorporar elementos de design acessíveis em nossos aplicativos. As seguintes considerações são críticas ao projetar para acessibilidade universal:
- Erradicar preconceitos no design de tecnologia
É importante que as equipes de design e desenvolvimento móvel realizem testes de usabilidade e tenham conversas com uma variedade ampla de usuários para obter diferentes perspectivas. Designers de UX e desenvolvedores de software abordam problemas a partir do contexto de suas próprias experiências de vida. Realizar pesquisas de UX ajuda a quebrar suposições, hábitos e preconceitos que uma equipe adotou inadvertidamente e incentiva a reflexão sobre “e se” e “e quanto” mais cedo no processo de design e desenvolvimento.
- Garantir marcação semântica e limpa
Utilizar elementos de interface do usuário de forma apropriada para navegadores web pode ser a coisa mais poderosa para tornar os aplicativos mais acessíveis. Sem sempre ter o luxo de uma fase de design puro e com uma ideia geral dos requisitos do produto, a interface do usuário (UI) é estabelecida durante o processo de criação da marcação HTML. É importante garantir que a marcação esteja limpa e que os comportamentos do aplicativo sejam consistentes com as expectativas dos usuários em relação aos dispositivos em que ele é implantado.
Se um aplicativo ou site não se comportar como os usuários esperam, eles rapidamente o evitarão, portanto, manter os comportamentos, animações e respostas nativas de dispositivos móveis em mente é vital ao projetar e construir aplicativos web.
- Eliminar frustrações
Aplicativos que os desenvolvedores construíram para a web e implantaram como aplicativos móveis podem causar frustração ao usuário. Isso inclui ter que continuar dando zoom para visualizar uma interface de usuário ou ler seu texto, além de campos de formulário que têm metade da largura necessária, impedindo os usuários de ver o que digitam. Gestos de deslizar em aplicativos móveis podem acionar comportamentos complicados que diferem do que os usuários esperam.
- Usar cores de forma apropriada
O uso de cores é vital no design de software. É necessário garantir que as cores escolhidas tenham alto contraste e não causem efeitos de contraste de cores, para que os usuários possam ver e ler facilmente os elementos de uma página. As razões de contraste entre o texto e as cores de fundo devem ser verificadas quanto à legibilidade. Também é importante garantir que a cor não seja a única maneira de comunicar informações específicas.
Compreender os problemas das pessoas com deficiência de cores pode ajudar a informar um design apropriado. Por exemplo, não se deve depender da mudança da borda de um campo para verde ou vermelho para informar os usuários se sua entrada está correta ou incorreta. Você pode usar cores para reforçar informações, mas texto, iconografia ou outras formas de comunicação devem sempre acompanhar o uso de cores para transmitir informações de maneira clara.
- Considerar zonas de toque complicadas
Para dispositivos móveis, também é importante pensar nas zonas de toque. Se os usuários têm uso limitado das mãos ou tremores ou outro problema que reduza seu controle motor fino, as interações baseadas em toque e toque podem ser complicadas. É importante permitir uma margem de erro em torno de alvos de toque menores, como caixas de seleção, garantindo que uma interação ainda seja acionada mesmo quando os usuários não tocam exatamente onde deveriam. Devemos também considerar a colocação dos elementos da UI e pensar em quão facilmente os usuários podem alcançá-los. As considerações incluem o impacto de usar um dispositivo com uma ou duas mãos, visualizando em modo paisagem ou retrato, e o tamanho, mobilidade e flexibilidade da mão do usuário.
- Normalizar o design acessível
Cada empresa de software tem seus padrões – a equipe Kendo UI da Progress não lançará um componente fora da fase beta até que ele atenda a todos os requisitos de acessibilidade, e equipes como essa estão mudando o jogo em termos de acessibilidade para o design móvel. Os padrões podem variar desde ter uma lista de verificação de acessibilidade até contratar um designer de acessibilidade, mas ter uma posição clara sobre a melhoria da acessibilidade dos designs é crítica para o desenvolvimento de software moderno. Garantir que sites e aplicativos sejam construídos de acordo com as mais altas Diretrizes de Acessibilidade para Conteúdo Web (WCAG) dará à empresa credenciais sólidas.
- Engajar com sua comunidade de usuários
As comunidades de usuários estão promovendo mudanças com suas atitudes – como se tornarem mais conscientes da maneira como certos caracteres ou emojis aparecem em leitores de tela. Obter feedback dos usuários é uma ótima maneira de inovar – na Progress, incentivamos os usuários a entrar em contato através do nosso portal de feedback se tiverem alguma preocupação ou ideia de melhoria relacionada à acessibilidade. A acessibilidade nunca é totalmente alcançada – é um esforço de equipe e sempre pode ser melhorada com um diálogo mais aberto.
Promovendo a acessibilidade para todos
A acessibilidade no design é o padrão atual para o design de UX e os designers de tecnologia estão começando a perceber quão crucial é a acessibilidade. Criar mudanças reais requer compreender as necessidades dos usuários e mudar a mentalidade de acessibilidade como última prioridade para acessibilidade como prioridade principal, visando o melhor design de UX.
Com essa mudança de paradigma, a próxima era do design web deverá ver abordagens centradas na acessibilidade, com equipes de desenvolvimento se esforçando continuamente para serem mais inclusivas e criando espaços acessíveis a todos.