anúncios

Se você estiver trabalhando em projetos de web design, segue-se que a acessibilidade da Web deve ser uma das suas principais considerações para a experiência do usuário. Seja melhorando as páginas para usuários com deficiência visual ou garantindo que as referências da sua página da Web permaneçam eficazes em dispositivos móveis, a única cor pode, às vezes, ser o único obstáculo entre você e um design realmente acessível e inclusivo.

Um dos mais Considerações importantes é a relação de contraste – ou a relação de luminância entre elementos claros e escuros (mais frequentemente texto) em seu projeto. Os usuários que sofrem de certas deficiências cognitivas podem precisar de um texto menos contrastante, enquanto os leitores com deficiência visual podem precisar de uma interface de usuário muito contrastante no projeto visual que consomem.

Da mesma forma, o dalonismo também é uma consideração que requer a atenção de qualquer Designer que implementa um processo de design destinado a um design justo e acessível.

A boa notícia é que há uma alça. De ferramentas baratas – até mesmo livre – listado pelo dribbbbeble, que pode ajudá-lo a conhecer melhor o design Para todos, e como você pode ajudar as pessoas a viver bastante o design que você cria.

Contraste

Contraste é um aplicativo de macós que oferece designers de maneira, como sugere seu nome, para medir a proporção de contraste das opções de cores para garantir que eles cumpram as diretrizes de acessibilidade do conteúdo da Web (WCA G). Um aplicativo projetado para feedback imediato sem ser um fardo para o seu fluxo de trabalho de design, contraste também fornece um guia em seu site que atua como um guia introdutório para alguns dos padrões de acessibilidade do WCAG.

O aplicativo atua como um Barra de menu pequena que você pode integrar em qualquer software de design que você usa ou mover a barra de menu ao redor da sua área de trabalho para usá-lo como uma janela flutuante em qualquer outro lugar na tela.

Color-seguro

Se você estiver procurando uma opção no navegador, Color Safe é uma ferramenta da Web que permite que os designers gerem paletas de cores com base nos padrões WCAG para a proporção de contraste. Simplesmente selecione a cor de fundo, a família da fonte, o tamanho e o peso das fontes do seu projeto – mais o padrão WCAG que você está tentando alcançar – e a cor segura gerará paletes que você pode comparar a proporção de contraste.

Tanaguru Contraste-Finder

Tanaguru contraste-finder é uma ferramenta Web fácil a ser usada que permite simplesmente entrar Suas cores de primeiro plano e fundo preferido (em código RGB ou hexadecimal) para controlar a proporção do seu padrão. A ferramenta permite selecionar a proporção de contraste mínima desejada ao gerar uma lista de cores adjacentes para avaliar.

Essas alternativas também são fornecidas com amostras em uso de tamanhos de texto, diferentes taxas de peso e contraste, o que lhe dá Uma ideia das cores e escolhas de texto que não só serão mais acessíveis, mas se encaixarão perfeitamente em seu design global.

com plugins para o Adobe XD, FIGMA e SKETCH, Stark é um plugin que oferece uma sequência de ferramentas para promover padrões acessíveis e inclusive – diretamente do software com os quais os designers já estão trabalhando. A ferramenta de controle de contraste do Stark permite que os designers verifiquem que sua tipografia e tamanho de fonte – em conjunto com as cores de fundo ou visuals visuais de suporte – oferecem a legibilidade necessária e um contraste suficiente para harmonizar as diretrizes de acessibilidade.

no prêmio, Stark também ajuda a resolver outros problemas de acessibilidade, incluindo o dalonismo. O aplicativo permite que os designers visualizem seu trabalho na simulação de Daltonismo e faça alterações em seu sistema de design.

espectro

Spectrum também é uma ferramenta gratuita que pode ajudá-lo a projetar seus produtos pensando em Daltonians.Extensão gratuita do Google Chrome desenvolvida por Yehor Lvivski, o espectro também permite que os designers testem diretamente seus sites ao longo de um intervalo de mais de oito versões diferentes de deficiências de visão de cores, incluindo uma variedade de dalonismo vermelho-verde e azul-amarelo.

Com mais de 200 milhões de pessoas deficientes visuais no mundo, a acessibilidade da Web deve ser uma consideração fundamental em todos os processos de design. Agora que você tem aplicativos práticos na sua caixa de ferramentas, é a sua vez de ir e fazer web um lugar mais acessível para todos!

via dribbbb

você gosta ? Compartilhar! :

Leave a comment

O seu endereço de email não será publicado. Campos obrigatórios marcados com *