Lojas online, aplicativos bancários, reservas de hotel ou trabalhos freelance, há cada vez mais as tarefas que são feitas através da internet e que substituíram, em alguns casos, os meios convencionais.
Esta o rápido crescimento das operações digitais tornou mais fácil para nós em muitos aspectos a vida. Isso nos economiza tempo, pois as transações são mais rápidas e não há necessidade de viajar para nenhum estabelecimento físico e, claro, foram criadas novas mídias que não existiam antes e que agora a maioria das pessoas usa, como redes sociais, streaming de filmes e séries em plataformas como Netflix ou sistemas de pagamento online como Paypal.
Com esta ascensão do mundo digital, é essencial investir no desenvolvimento de interfaces acessíveis e bem projetadas Para os usuários. No entanto, não podemos esquecer que existem usuários que sofrem de deficiências físicas ou psicológicas que limitam consideravelmente sua experiência e sua capacidade de usar computadores e celulares.
Embora existam algumas deficiências, como pessoas que usam cadeiras de rodas, que não interferem no uso da Internet, outras, como problemas de visão ou cegueira, problemas de coordenação motora, surdez ou autismo, eles podem prejudicar seriamente sua capacidade de navegar na web. Para esses casos, alguns já foram criados dispositivos como leitores de tela, que auxiliam e apóiam os usuários em áreas onde têm deficiências.
Mas esta é apenas a primeira parte da solução do problema. Pensando nesses usuários, temos que projetar interfaces de página da web que facilitam sua experiência e atender às suas necessidades. Existem alguns princípios ao projetar que podemos aplicar.
Conteúdo e fontes
Começando com o mais básico, você deve definir prioridades no design de conteúdo. O cabeçalho e a barra de menus devem ser visualmente fáceis de localizar e devem ser a primeira coisa que o usuário vê. Os elementos da página inicial, as imagens e as informações relevantes serão os segundos a serem localizados.
Anúncios ou banners publicitários aparecem em muitas páginas. Se por si só isso incomoda todos os usuários, para aqueles com deficiência visual é um problema, pois causa muita confusão e atrapalha a leitura do diagrama da web. É por isso que é essencial que você crie um design editorial geral da página que é organizado logicamente e compreensível, e os elementos são dimensionados adequadamente, de modo que, mesmo que haja outras distrações, os usuários possam se concentrar no conteúdo importante.
As fontes que você usa de preferência eles têm que ser grande e legível. O tipo Sans serif e negrito Eles tornam a leitura muito mais fácil para pessoas que podem sofrer de dislexia. Outras fontes recomendadas são: Arial, Times New Roman, Helvetica, Tahoma, Calibri e Verdana.
E, claro, você deve sempre cuidar para que haja uma diferenciação clara entre o texto e o fundo. Não use cores semelhantes, escolha antes cores contrastantes.
O uso de fontes Sans Serif Bold permite uma melhor visualização do texto.
Texto Alternativo
El Texto alternativo ou Alt Tag, são as descrições que são colocadas nas imagens nas páginas da web. Embora este texto não esteja disponível para os usuários lerem, um descrição bem escrita é uma ferramenta que nos ajuda a alcançar um melhor posicionamento de SEO.
Mas a utilidade do Alt Tag não se reduz apenas a isso. Para aqueles usuários usando leitores de tela para deficientes visuais, as descrições das imagens são a única referência que eles têm para saber qual é a aparência do que está exposto na página. Então, se vamos colocar, por exemplo, uma fotografia de algumas suculentas, um bom texto alternativo seria: Três plantas suculentas em vasos rosa. Um texto muito curto como: Plantas em vasos, Não é uma descrição de detalhes relevantes e, portanto, é inútil.
Três plantas suculentas em vasos rosa. Exemplo de texto alternativo.
adaptabilidade
Ao projetar, também devemos levar em consideração todos as apresentações nas quais nossa interface será mostrada, seja em versão web ou móvel. A experiência sempre será diferente dependendo do meio em que a estivermos vendo.
Quando usamos o celular, podemos ser expostos a diferentes ambientes que tornam a leitura difícil De conteúdo da tela. Se estivermos ao ar livre, por exemplo, o brilho do sol fará com que a tela pareça muito escura, e o ruído não nos permitirá ouvir bem o áudio. Por isso é importante pensar bem nesses detalhes, para que a versão mobile tenha letras grandes e cores escuras, e os vídeos tenham legendas caso seja difícil ouvi-los.
Adapte o design da interface para que seja legível em telefones celulares e computadores.
Consistência no design
Design editorial o que fazemos com nosso site deve ser o mesmo independentemente da seção onde você está. Os mesmos ícones na barra de menu devem aparecer na seção Home e na seção Contatos. Não devemos mudar o estilo nem a localização dos botões-chave da web.
Também não é conveniente para nós colocar vídeos que são reproduzidos automaticamente ao abrir a página. Para usuários que usam leitores de tela, é difícil saber como pausá-los.
A barra de menu na página do Starbucks é a mesma em todas as seções.
Navegação do teclado
Finalmente, alguns usuários com problemas de coordenação motora têm dificuldade em segurar o mouse de um computador ou usar o touchpad de um laptop e dependem apenas do teclado. Tenha certeza de que seu site foi projetado de uma forma isso pode ser completamente funcional apenas com os botões do teclado.