Como criar um site B2B acessível em 2023

Estamos em 2023 e até hoje os usuários com deficiência têm dificuldade de acessar blogs, sites e diversos outros materiais. Existe um padrão claro de exclusão não intencional em que os materiais de marketing não atendem a pessoas com deficiências.

Apenas 3% dos sites são acessíveis a usuários com deficiência. O número de sites B2B acessíveis é ainda menor.

E, com esses sites apresentando ferramentas interativas exclusivas, como formulários de bloqueio de conteúdo e blogs de formato longo, a necessidade de alcançar acessibilidade na web é premente.

Neste blog, vamos ajudá-lo a preencher a lacuna, explicando o que é a acessibilidade do site, como alcançá-la e como ela pode ajudar as empresas B2B a expandir seu alcance para partes criticamente mal atendidas do mercado.

O que é acessibilidade na web e por que é importante?

Os padrões de acessibilidade na Web e as melhores práticas garantem que pessoas com deficiência possam participar de experiências baseadas na Web.

Isso inclui navegar em um site, baixar um e-book, assistir a um webinar e muito mais.

Não existe uma abordagem única para acessibilidade. Existem muitos tipos de deficiência, e cada um pode ter uma ampla gama de impactos em diferentes pessoas.

No entanto, os proprietários de sites podem abordar esses impactos de maneira padronizada.

As Diretrizes de Acessibilidade de Conteúdo da Web (WCAG para abreviar) estabelecem as melhores práticas para atender às necessidades dos usuários da Web com deficiências.

Seguir essas diretrizes não garante que todas as pessoas com deficiência possam usar seu site. No entanto, eles fornecem um ponto de partida comum que permite aos proprietários de sites tornar suas experiências na Web mais inclusivas.

WCAG também é fundamental para a conformidade com a Lei dos Americanos com Deficiência (ADA para abreviar).
Na maioria dos casos, os sites compatíveis com WCAG também são compatíveis com ADA.

Seguir os protocolos WCAG é a melhor maneira de garantir a conformidade com a ADA .

Nem todo site é projetado com conformidade em mente. Na verdade, muito poucos são.

É por isso que os proprietários de sites B2B usam um verificador de conformidade WCAG para descobrir como eles melhoram a acessibilidade na web. Isso ajudará você a descobrir o que está entre você e a conformidade com as WCAG. Você receberá um relatório detalhado, destacando as áreas do seu site que precisam ser ajustadas para alcançar o status ideal de acessibilidade na web.

O poder de compra da comunidade com deficiência

Embora a acessibilidade seja importante do ponto de vista moral, também é um valioso diferenciador de marca.

Cerca de 15% da população mundial apresenta algum tipo de deficiência. As deficiências não são limitadas por barreiras nacionais ou culturais. Eles impactam todos os grupos demográficos, em todos os lugares do planeta.

Isso significa que seu público-alvo é formado, em parte, por pessoas com deficiência. A Fundação Kessler relata que as pessoas com deficiência formam uma proporção crescente da força de trabalho americana. A tendência ano a ano continua ganhando força com ganhos consistentes de pontos percentuais.

Ignorar essas pessoas não é apenas injusto, mas imprudente.

Se sua estratégia de marketing B2B depende de direcionar tráfego orgânico para seu blog, não faz sentido excluir cerca de 15% de seus clientes em potencial.

No entanto, é exatamente isso que muitas empresas fazem.

Para pessoas com deficiência, a acessibilidade na web é absolutamente vital para a experiência do usuário.

Muitas dessas pessoas consideram sites não compatíveis impossíveis de usar. Eles são recebidos com conteúdo, como todo mundo, mas são completamente excluídos de interagir com ele.

Esse conteúdo desempenha um papel crucial na jornada do comprador B2B.

É a coisa certa a fazer e também é uma estratégia de negócios lucrativa.

Como criar um site acessível

O documento oficial WCAG 2.1 contém mais de 100 páginas de web design altamente técnico e padrões de interatividade. É um documento intimidador com muitas regras, cláusulas e estipulações.

Mas você não precisa se tornar um especialista em acessibilidade para construir um site acessível.
Muitos dos protocolos WCAG 2.1 giram em torno de um conjunto básico de princípios fáceis de entender.

Implemente-os em seu site e você estará no caminho certo para a conformidade de acessibilidade:

Permitir navegação pelo teclado

Um mouse é uma ferramenta maravilhosa, mas não é muito acessível. O mesmo vale para touchpads e telas sensíveis ao toque. Pessoas com deficiência visual ou motora não podem usar esses dispositivos.

Em vez disso, muitas pessoas com deficiência usam teclados especiais.
Dispositivos como esses podem transformar quase qualquer tipo de entrada física – como a contração da bochecha de Stephen Hawking – em um comando de teclado.

Da mesma forma, o software de leitura de tela, como o JAWS, funciona totalmente com os comandos do teclado. Se o seu site tiver um botão ou recurso que não seja acessível por teclado, os usuários de leitores de tela não poderão usá-lo.

Permitir que as pessoas naveguem em seu site e consumam conteúdo apenas usando comandos de teclado é uma das melhores maneiras de melhorar a acessibilidade em todo o site.

Isso é especialmente importante para sites B2B que usam conteúdo interativo (por exemplo, formulários em vídeo) para capturar e converter leads.

Aproveite as hierarquias de títulos

Os títulos são especialmente importantes para usuários de leitores de tela.
Essas soluções agrupam conteúdo de texto com base na estrutura de títulos da página da web. Isso permite que usuários com deficiência visual folheiem o conteúdo sem ter que ler cada palavra da página.

Eles não podem fazer isso se suas páginas da Web não usarem cabeçalhos HTML adequados.

Geralmente, isso acontece quando os criadores de conteúdo dividem blocos de texto normal com texto normal adicional. O texto de divisão pode ser ampliado ou em negrito, mas não é um título. Os leitores de tela lerão esse texto da mesma forma que todo o resto da página.

Os títulos fazem parte da estrutura da sua página da web. Eles são marcados em uma hierarquia específica de importância, geralmente de H1 a H4. Todos os editores de rich text permitem que os criadores de conteúdo separem blocos de texto usando esses títulos. Certifique-se de que seu site faça o mesmo.

Adicionar texto alternativo descritivo

Arquivos de imagem apresentam um problema para usuários de leitores de tela. Quando um leitor de tela encontra um arquivo de imagem, ele lê a tag de texto alternativo da imagem para o usuário. Se não houver texto alternativo, o software simplesmente dirá “imagem” em voz alta e seguirá em frente.

Adicionar texto alternativo às imagens permite que os usuários de leitores de tela entendam pistas contextuais que, de outra forma, poderiam perder. Se a imagem em questão contiver informações importantes, a tag de texto alternativo é o único lugar onde os leitores de tela podem obter essas informações.

Isso é especialmente importante para imagens que suportam conteúdo escrito. Gráficos, infográficos e outras imagens explicativas têm um papel vital a desempenhar no marketing de conteúdo B2B. As tags de texto alternativo garantem que as pessoas com deficiência visual possam entender essas imagens corretamente.

Quanto mais descritiva for uma tag de texto alternativo, melhor.
Tente encapsular o valor da imagem e mostre por que ela foi escolhida em primeiro lugar.

Aperfeiçoe a arte dos contrastes de cores

O mau contraste de cores pode ter um impacto enorme na usabilidade e na acessibilidade. Mesmo as pessoas com visão perfeita não conseguem ler facilmente o texto escrito sobre um fundo de cor semelhante. O texto do site acessível deve ser colocado em um fundo que ofereça um contraste de cor decente.

Para a maioria dos sites, o contraste de cores não é uma questão difícil no corpo do texto. É um problema muito mais comum para banners, texto de cabeçalho e títulos de página. Isso ocorre porque esse texto geralmente fica sobre uma imagem. Se a cor do texto e da imagem forem muito semelhantes, ficará ilegível.

A página inicial da Rock Content é um ótimo exemplo de contraste de cores no trabalho. Ele tem um fundo roxo claro atrás da imagem principal e um texto preto na parte superior. É simples, eficaz e fácil de ler.

Há algumas coisas que você pode fazer para corrigir o contraste de cores em seu site:

Ajustar a cor do texto para ter uma taxa de contraste de 4,5:1 é uma das soluções mais fáceis.
Muitos sites acessíveis colocam uma caixa transparente entre as imagens de fundo e o texto do cabeçalho. Outros simplesmente movem o texto do cabeçalho ao lado da imagem, em vez de em cima dela.

Verifique se os vídeos estão acessíveis

O marketing de vídeo é um componente essencial de qualquer estratégia de marketing B2B moderna. Se você deseja mostrar um produto ou demonstrar uma nova tecnologia, o vídeo é o formato mais imersivo que você pode escolher.

No entanto, o vídeo também pode ser um dos formatos mais desafiadores para usuários com deficiência. Ele combina informações de áudio e visual para contar uma história, e a maioria dos reprodutores de vídeo possui uma interface de apontar e clicar.

Legendas e transcrições desempenham um papel vital para permitir que pessoas com deficiência desfrutem do conteúdo de vídeo. As legendas são ideais para pessoas com deficiência auditiva, enquanto as transcrições permitem que os usuários de leitores de tela também acompanhem.

Garantir a navegabilidade do teclado para conteúdo de vídeo pode ser difícil. Nem todos os provedores de hospedagem de vídeo oferecem uma experiência de usuário acessível. A postagem de transcrições pode permitir que você ignore esse requisito, mas nem sempre transmitirá perfeitamente o significado do conteúdo do vídeo.

O mesmo vale para as formas.

Se você agrupa conteúdo de vídeo com um formulário, deve garantir que ele seja acessível e fácil de preencher. Deve ser claramente legível, navegável por teclado e compatível com leitor de tela.

Otimize a conformidade com poderosas soluções de terceiros

Os protocolos WCAG contêm um grande número de detalhes de design técnico. Isso inclui taxas específicas de contraste de cores, padrões de operabilidade, desempenho de links de âncora e muito mais.

A verificação manual de tudo isso é um processo difícil e demorado. Você precisaria memorizar, verificar e cruzar centenas de detalhes técnicos menores em cada página do seu site.

As ferramentas de acessibilidade da Web podem ajudá-lo a automatizar essa tarefa. Ferramentas como accessWidget incorporam IA para corrigir automaticamente o código inacessível em seu site.

Ele também permite que os visitantes do site com deficiência modifiquem a interface do usuário do seu site com base em suas necessidades individuais. Isso inclui ajustar as opções de cores e exibição, habilitar a navegação pelo teclado e ajustar a tecnologia do leitor de tela.

Esteja ciente de que nem todos os requisitos do padrão WCAG podem ser automatizados. Alguns desses requisitos referem-se à maneira como o conteúdo transmite “significado” aos usuários. Só um ser humano pode verificar isso.

Acessibilidade é um compromisso permanente

A acessibilidade é mais do que uma caixa de conformidade a ser verificada. Não há como garantir que todas as pessoas, com todas as deficiências, encontrarão seu site e todo o seu conteúdo acessível. Parte da jornada de acessibilidade envolve receber feedback de pessoas com deficiência e implementá-lo.

Quanto mais cedo você iniciar essa jornada, melhor será o resultado. Reserve um tempo para auditar seu site e identificar áreas onde você pode melhorar a acessibilidade do conteúdo. Entre em contato com a comunidade de deficientes e mostre que você está empenhado em seu sucesso e integração. Ele responderá na mesma moeda.

Para obter mais orientações sobre como comercializar sua empresa para vários públicos, confira nosso pacote de planejamento de marketing.