Acessibilidade para sites de marketing

O marketing existe para alcançar as pessoas, e um site inacessível exclui silenciosamente uma população substancial: pessoas que usam leitores de tela, pessoas que navegam pelo teclado, pessoas com baixa visão, cegueira de cor, deficiências auditivas, tremores ou diferenças cognitivas e de atenção. Além do caso do público, a exposição legal em torno da acessibilidade digital é real e crescente, e a sobreposição entre design acessível e boa usabilidade é enorme. Este guia traduz os padrões em prática de marketing: o que os princípios significam, o que corrige a maioria das coisas e como manter as campanhas acessíveis nos movimentos de marketing de velocidade.

Os princípios por trás dos padrões

As Diretrizes de Acessibilidade para Conteúdo da Web organizam tudo com menos de quatro palavras, e as palavras são um modelo mental utilizável.

Perceivable and operable

Percebível significa que nenhuma informação é bloqueada em um único sentido: imagens carregam alternativas de texto, vídeos carregam legendas, a cor nunca é o único sinal e o contraste é suficiente para baixa visão. Não é necessária uma habilidade específica para qualquer interação: tudo o que é acessível apenas pelo teclado, sem armadilhas, tempo adequado, alvos grandes o suficiente para serem atingidos e nada que pisca perigosamente. A maioria das falhas no site de marketing vive nessas duas primeiras categorias.

Understandable and robust

Abrange linguagem compreensível, navegação previsível e formas que identificam erros claramente e explicam como corrigi-los. Robusto significa que a marcação é padrão-som suficiente para que as tecnologias assistivas, leitores de tela, ampliadores, controle de voz, possam interpretá-lo de forma confiável. Os níveis de conformidade existem dentro do padrão, e o nível médio, AA, é o benchmark comum em direito, compras e política, tornando-se o alvo padrão sensato para propriedades de marketing.

Os ajustes que mais movem a agulha

Auditoria qualquer site de marketing e as mesmas violações liderar a lista. A fixação deste cluster aborda a maioria do impacto do usuário real.

Imagens, mídia e cor

Dê a cada imagem informativa um texto alternativo que transmita sua função no contexto, o ponto da imagem, não um inventário literal, e marque imagens decorativas para que os leitores de tela as ignorem. Vídeos de legenda, um benefício que se estende a todos os visualizadores de som em um trem e fornece transcrições para áudio. Verifique o contraste de texto contra fundos, especialmente os botões coloridos da marca e heróis de texto sobre foto que projetam tendências adoram e nunca codificam significado apenas na cor: emparelhe-o com rótulos, ícones ou padrões.

Structure and navigation

Use hierarquia de cabeçalho real, um cabeçalho de nível superior, níveis aninhados em ordem, porque os usuários de leitores de tela navegam por cabeçalhos da maneira como os usuários com visão digitalizam visualmente. Escreva um texto de link que descreva destinos; uma página de links “saiba mais” é inviável fora de contexto. Certifique-se de que os indicadores de foco visível do teclado sobrevivam ao reestilo da marca e deixe os usuários de teclado pularem a navegação repetida. Estes são hábitos estruturais, quase gratuitos no tempo de criação e caros para a adaptação.

Formas, a superfície de conversão crítica

Cada entrada precisa de uma etiqueta programática, os marcadores não são rótulos, os erros devem ser anunciados, identificados especificamente e explicados de forma construtiva, e os campos necessários devem ser indicados além da cor. As formas acessíveis são a mais pura sobreposição de conformidade e conversão: a mesma ambiguidade que bloqueia um leitor de tela frustra a todos, e as correções de forma rotineiramente melhoram as taxas de conclusão em todo o público.

Movimento, popups e a economia da atenção

Os carrosséis auto-playing, fundos animados e interrupções modais são riscos de acessibilidade, bem como queixas de usabilidade: forneça controles de pausa, respeite as preferências de movimento reduzido, torne cada teclado de sobreposição descartável e garanta que o foco entre e saia dos diálogos corretamente. O instinto de marketing para o movimento de atenção tem uma versão acessível; ele só tem que ser construído de propósito.

Marketing Acessível Além do Site

As superfícies de campanha fora do local carregam as mesmas obrigações e oportunidades.

E-mail e landing pages na velocidade da campanha

Os ativos da campanha são construídos rapidamente e ignorados pela revisão na maioria das vezes. Asse a acessibilidade nos modelos: estrutura de cabeçalho, campos de texto alternativo tratados como necessário, estilos de botões verificados pelo contraste e layouts de coluna única que refluem. Um modelo acessível por padrão torna cada campanha futura acessível por padrão, que é a única abordagem que sobrevive à pressão do prazo.

Social content practices

As plataformas sociais suportam descrições de imagens, e legendas em vídeo são apostas de mesa para feeds de som. Escreva texto alternativo ao agendar postagens visuais, use palavras em maiúsculas em hashtags de várias palavras para que os leitores de tela as analisem e evite fontes unicode estilizadas que sejam lidas como gibberish para tecnologia assistiva. As equipes publicam através de uma plataforma de gerenciamento como o agendador de redes sociais do SocialBlaze As descrições de imagens podem tornar as descrições de imagens um campo padrão no fluxo de trabalho de composição, transformando a acessibilidade de um teste de memória por post em um padrão de processo em todas as redes.

Documents and downloadables

PDFs, decks e relatórios com os mesmos cuidados: texto real em vez de imagens de texto, estrutura marcada e ordem de leitura. Um relatório de bandeira inacessível mina o site acessível que o promove.

Auditando e corrigindo o que existe

A maioria das equipes começa com um acúmulo de dívidas existentes. Abordá-lo sistematicamente.

Combine testes automatizados e humanos

Os scanners automatizados captam talvez um terço dos problemas, falta de texto alternativo, falhas de contraste, lacunas de rótulos, de forma barata e contínua; execute-os no pipeline de construção e em um cronograma. O restante requer humanos: um passo apenas no teclado de cada jornada crítica, um leitor de tela passa em modelos-chave e testes de zoom em alta ampliação. A entrada de auditoria mais valiosa de todas é testar por pessoas que realmente usam tecnologia assistiva diariamente; seus primeiros cinco minutos irão reordenar seu backlog.

Priorizar por viagem, não por contagem de páginas

Corrigir os caminhos onde a exclusão mais custa: home, navegação, pesquisa, páginas de produtos e preços, formulários e fluxos de checkout ou inscrição. Um blog perfeito com um formulário de inscrição inutilizável tem suas prioridades invertidas. Dentro de viagens, conserte bloqueadores, coisas que param a conclusão da tarefa, antes de aborrecimentos.

Prevent regression structurally

A menos que o sistema mude: componentes acessíveis no sistema de design, critérios de aceitação que incluem acessibilidade, implantações de controle automatizado e treinamento para os criadores de conteúdo que adicionam imagens e links de amanhã. Um revisor de acessibilidade alfabetizado no processo de design evita mais violações do que quaisquer correções trimestrais de limpeza.

O caso dos negócios, afirmado claramente

O investimento em acessibilidade limpa todas as justificativas que os orçamentos de marketing enfrentam.

Retornos de audiência e experiência

Usuários com deficiência, usuários idosos, usuários com limitações situacionais, luz solar brilhante, uso de telefone com uma mão, ambientes altos e usuários em dispositivos restritos se beneficiam do mesmo trabalho. Melhorias de acessibilidade são melhorias de usabilidade com um raio de explosão mais amplo, e eles rotineiramente correlacionam com melhores métricas de engajamento e conclusão para todos.

Pesquisa e desempenho adjacência

Estrutura acessível é uma estrutura legível por máquina: títulos adequados, links descritivos, texto alternativo e marcação semântica se alinham estreitamente com o que os mecanismos de pesquisa analisam e recompensam. As disciplinas reforçam-se mutuamente, e as equipes que constroem acessibilidade tendem a herdar sites mais limpos, mais rápidos e melhor indexados.

Risk reduction

Reclamações legais sobre propriedades digitais inacessíveis são uma realidade estabelecida e crescente em muitas jurisdições. Um programa documentado, padrão, auditorias, histórico de remediação, declaração de acessibilidade com um canal de feedback de trabalho, ambos reduzem a probabilidade de reclamações e demonstram boa fé quando chegam. O custo do programa é uma fração do custo da correção orientada por litígios na linha do tempo de outra pessoa.

Acessibilidade, não apenas construindo para isso

Muita orientação de acessibilidade tem como alvo o código e o design, mas as próprias palavras carregam uma grande parte da experiência, e os escritores as controlam.

A linguagem simples é uma característica de acessibilidade

A acessibilidade cognitiva beneficia de frases curtas, pontos carregados pela frente, verbos concretos e jargões usados apenas quando o público é dono. Estas são as mesmas qualidades que melhoram a cópia de conversão para todos, o que torna a linguagem simples a exigência rara sem compromisso. Verificações de nível de leitura na revisão editorial pegam deriva sem policiar a voz.

Microcópia faz levantamento pesado

Mensagens de erro que dizem o que deu errado e como corrigi-lo, rótulos de botões que descrevem a ação em vez de exibir “enviar”, link de texto que nomeia seu destino e instruções posicionadas antes do campo que governam: cada uma é uma pequena decisão de escrita que determina se um usuário de tecnologia assistiva completa a jornada. Microcópia de auditoria como seu próprio passe; ela se esconde de revisões no nível da página.

Alt text é um trabalho editorial

O bom texto alt responde “o que eu diria sobre esta imagem se eu estivesse lendo a página em voz alta para alguém?” É contextual: a mesma foto do produto precisa de descrições diferentes em uma página de categoria e em um guia de tamanho. Mantenha-o conciso, pule “imagem de”, transmita a função de imagens funcionais e deixe flores decorativas marcadas como tal. Colocar texto alternativo no fluxo de trabalho de conteúdo, escrito pela pessoa que escolheu a imagem, produz resultados dramaticamente melhores do que deixá-lo para quem carrega os arquivos por último.

Um programa que você pode começar este mês

Primeira semana: execute varreduras automatizadas em suas principais jornadas e faça uma caminhada apenas no teclado; a experiência é persuasiva. Segunda semana: fixe os bloqueadores no caminho de conversão principal e as falhas de contraste em seus estilos de texto e botão principal. Semana três: modelos de reparo, e-mail, landing page e padrões de composição social, para que nova saída nasça acessível. Semana 4: publique uma declaração de acessibilidade com uma rota de contato, adicione verificações ao seu processo de implantação e agende a auditoria humana trimestral. De lá, é manutenção mais cultura: acessibilidade como um requisito permanente, não um projeto. O público que você inclui é real, os ganhos de experiência são compartilhados por todos, e a embarcação, uma vez incorporada em modelos e hábitos, custa notavelmente pouco para sustentar.