Acessibilidade na Web

Em poucas palavras, acessibilidade de conteúdo da web significa garantir que nossos aplicativos sejam compreensíveis para os usuários;

• com deficiência/deficiência
• com conexões de baixa largura de banda
• que estão usando tecnologias mais antigas
• que temporariamente não pode ouvir ou em um ambiente ruidoso
• que são novos usuários e
• que têm barreiras linguísticas

Existem muitas vantagens competitivas na adaptação de conteúdo acessível para empresas. Por exemplo, uma empresa pode aumentar sua diversidade e inclusão com conteúdo acessível e manter clientes fiéis à sua marca. Além disso, as empresas podem melhorar seus resultados de SEO e ampliar seu alcance de mercado. Além disso, em alguns países a adoção de acessibilidade em aplicações web é obrigatória, para que as empresas possam minimizar seus riscos legais adotando alguns padrões de acessibilidade.

Os padrões de Acessibilidade na Web são determinados pela Iniciativa de Acessibilidade na Web do W3C e denominados “ Diretrizes de Acessibilidade para Conteúdo da Web (WCAG) ”. De acordo com as WCAG, o conteúdo deve seguir o princípio POUR.

P — Perceptível: A informação deve ser visível (alternativas de texto, alternativas de mídia baseadas no tempo)

O — Operável: formulários de interface, controles e navegações são operáveis ​​(“ações” devem estar funcionando)

U — Compreensível: a interface do usuário deve ser compreensível e o conteúdo deve ser legível

R — Robusto: Os usuários devem poder acessar o conteúdo à medida que as tecnologias avançam. Todo o conteúdo deve permanecer acessível.

Então você pode estar se perguntando "Por onde começar?" A verdadeira resposta a esta pergunta é "Design". O design deve atender às necessidades de todos os usuários seguindo o princípio POUR.

Há algumas coisas que podemos fazer para verificar ou garantir nossa acessibilidade.

1. Abra o Chrome > Mais ferramentas > Ferramentas do desenvolvedor > Capacidade de resposta > Explore diferentes tamanhos de tela e legibilidade do conteúdo
2. Vá parahttps://webaim.org/resources/contrastchecker/e verifique o contraste de cores. Use cores simples com bom contraste. A taxa de contraste mínima deve ser de 4,5:1 em geral. Certifique-se de garantir os critérios em [4] e [5]
3. Faça o download da “ferramenta oráculo de cores” e veja como diferentes usuários com daltonismo e deficiências enxergam seu aplicativo.
4. Certifique-se de alterar a cor dos links ao visitá-los ou passar o mouse.
5. Verifique a tipografia e a legibilidade do seu conteúdo. Verifique a forma, peso, escala, estilo, espaçamento e alinhamento do conteúdo.
6. Tente ficar com 1–2 fontes em seu aplicativo. Verificarhttps://fonts.google.com/para escolher as fontes. Aqui, o Google tem “recomendações de emparelhamento de famílias de fontes” para você. Tente usar fontes já disponíveis que não requerem download em diferentes dispositivos. Isso ajudará no tempo de carregamento do aplicativo.
7. O espaçamento tem 4 categorias principais, incluindo espaçamento entre letras, espaçamento após parágrafos, espaçamento entre letras e espaçamento entre palavras. Siga esta documentaçãohttps://www.w3.org/TR/WCAG21/#text-spacingpara espaçamento.

Referências:

[1]https://www.w3.org/WAI/standards-guidelines/#wcag

[2]https://www.w3.org/TR/WCAG21/

[3]https://webaim.org/standards/wcag/checklist

[4]https://www.w3.org/TR/WCAG21/#contrast-minimum

[5]https://www.w3.org/TR/WCAG21/#contrast-enhanced