O caminho para a acessibilidade: atendendo à conformidade da EAA

Por que a conformidade de acessibilidade é importante

Embora você deva defender a criação de uma experiência digital inclusiva e acolhedora para todos, porque é a coisa certa a se fazer, não cumprir em breve o deixa em breve. Para cumprir, as organizações devem atender aos padrões WCAG 2.1 AA, publicar uma declaração de acessibilidade e realizar auditorias regulares de acessibilidade.

A conformidade garante que todos os usuários possam acessar e interagir com seu conteúdo, aprimorar a experiência do usuário, melhorar o engajamento e abrir novas oportunidades de conexão. Como nossos parceiros em Recite -me Coloque apropriadamente: ‘A acessibilidade on -line vai além da mera conformidade – trata -se de oferecer uma experiência de usuário sem costura e inclusive’.

Saiba mais sobre os padrões EAA e WCAG em nosso webinar.

O que estamos fazendo sobre isso?

Então, o que estamos realmente fazendo para garantir que nosso site esteja acessível?

Para nós, a etapa um estava dando uma olhada em algumas descobertas iniciais que me recitam compartilhadas depois de auditar nosso URL da página inicial. Essa visão geral apontou as principais áreas de conformidade do WCAG, onde esta página estava aquém, sinalizando quais diretrizes não haviam sido seguidas e sugerindo correções para alguns dos principais problemas.

Armado com uma lista de coisas a serem observadas, conseguimos realizar uma auditoria mais aprofundada do nosso site e descobrir o que precisava mudar e quais departamentos precisam ser loopados (ou seja, conteúdo, dev, tecnologia). Aqui estão algumas das coisas que vamos abordar:

Elementos informativos vs. decorativos

Conforme sinalizado pela Recite Me, nossos ícones da página inicial não estão acessíveis e falham os padrões WCAG. De acordo com as diretrizes, quaisquer elementos não de texto precisam ter uma alternativa de texto que “serve ao objetivo equivalente”. Isso deve garantir que, mesmo que alguém não consiga ver a página, não está perdendo nenhuma informação -chave que esteja sendo transmitida por um elemento visual. Existem algumas exceções a essa regra, uma das quais é se algo é “puramente decorativo”, o que significa que ela está lá apenas por razões estéticas – essencialmente, nenhuma informação ou significado seria perdido se fosse retirada.

Um ícone em nosso site que não atenda aos padrões da WCAG.

Mas, mesmo se decidirmos que nossos ícones se enquadram nessa exceção, ainda há algum trabalho a fazer. As diretrizes continuam dizendo que, se um elemento é decorativo, deve ser “implementado de uma maneira que possa ser ignorada pela tecnologia assistiva” (coisas como leitores de tela). Você pode fazer isso de algumas maneiras, como adicionar um atributo ARIA.

Então, agora temos duas opções: melhore o texto ALT ou faça uma alteração no HTML para garantir que os ícones possam ser ignorados pela Assistência Tech. Qualquer uma dessas mudanças deve nos ajudar a atender aos padrões WCAG.

Mudança de contexto

Atualmente, os ícones de mídia social são uma linguagem universal on -line, mas, apesar de serem usados ​​tão amplamente, eles geralmente não atendem aos padrões de acessibilidade. Do texto alt e rótulos da ARIA até o contraste de cores, há muito a considerar ao usar esses ícones aparentemente simples.

Ícones sociais como aparecem no rodapé do nosso site.

No nosso caso, nossos ícones falham no WCAG 3.2.1: “Quando qualquer componente da interface do usuário recebe foco, ele não inicia uma mudança de contexto”.

Aqui, a questão é que, quando alguém clica em qualquer um desses ícones, não há informações dizendo ao usuário que ele abrirá a página em uma nova guia (que conta como um mudança de contexto). Para aqueles de nós sem considerações de acessibilidade, isso parece óbvio – você clica em um link e ele abre em uma nova guia. Mas não é tão simples para todos os usuários. Se alguém está usando a tecnologia assistiva, os ícones não estão renderizando ou eles simplesmente não são um usuário frequente da Web, há muitas razões pelas quais não podemos fazer suposições de que a ‘mudança de contexto’ ficará clara.

Então, como deixamos claro? Novamente, temos algumas opções. Poderíamos adicionar uma legenda sob os ícones dizendo algo como ‘LinkedIn (abre em uma nova guia)’. Ou, se queremos preservar o design, podemos fazer algumas alterações em HTML, como adicionar uma etiqueta ARIA ou uma dica de ferramenta (mas este último não será acessível para todos). Idealmente, adicionaríamos texto e um rótulo ARIA, mas precisamos decidir como equipe qual opção é melhor para nós, já que nosso site é visitado e envolvido por uma variedade de usuários.

“A chave para a clareza é encontrar soluções simples e escaláveis ​​que transmitam significado a todos os usuários. Seja através de legendas, etiquetas ou dicas de ferramentas, tornando o objetivo de cada interação explícita garante que ninguém fique adivinhando ou excluído. ” – Minh Tran, Designer multimídia e interface do usuário.

Ao identificar e abordar esses problemas em nossa página inicial, estamos começando com uma de nossas páginas mais visualizadas, tornando nossas mudanças impactantes desde o início. Além disso, também é provável que haja alguma sobreposição entre os problemas nesta página e outros URLs em nosso site – como nossos ícones de mídia social, que ficam no fundo de cada URL -chave – para que possamos economizar algum tempo na linha.

Incorporar a acessibilidade ao nosso ethos

Além das correções práticas, também estamos fazendo alterações mais amplas para garantir que a acessibilidade esteja na frente de agora em diante. A acessibilidade é da conta de todos e todos têm um papel a desempenhar.

Estamos mantendo nossa equipe educada com atualizações internas e treinamentos regulares para abordar qualquer lacuna de conhecimento e fazer com que as pessoas se sintam à vontade para falar sobre acessibilidade. Também temos alguns embaixadores de acessibilidade em nossas equipes de produtos. São pessoas envolvidas no trabalho do dia-a-dia que conhecem suas coisas e podem aconselhar ou ajudar colegas quando surgirem questões em torno da acessibilidade. E, é claro, estamos apoiados em especialistas em terceiros – como me recitar – quando houver lacunas que precisam ser preenchidas.

É nossa crença aqui na BuiltVisible que, se todos entenderem o tópico, ele se torna uma missão conjunta e não um projeto de paixão de uma pessoa – todos podem compartilhar a carga. Além disso, ter um entendimento fundamental em nosso conselho só pode nos ajudar a garantir que os fluxos de trabalho relacionados à acessibilidade continuem sendo uma prioridade, pois nossos especialistas em produtos são capacitados e nossa equipe de liderança entende melhor as razões por trás da ação.

Ao implementar essas medidas e incentivar todos a se interessarem e se envolverem, não apenas podemos tomar decisões mais consideradas sobre o nosso site, para que esses problemas não apareçam novamente, mas também podemos manter nossa abordagem de acessibilidade dinâmica, melhorando e iterando em nossas medidas atuais, em vez de começar a partir do zero.

Pensamentos finais

Agora você viu um vislumbre de nossa jornada para tornar a acessibilidade parte integrante de nossa estratégia de site. Desde a abordagem de questões-chave sinalizadas, recite-me até a incorporação de acessibilidade em nossos fluxos de trabalho, o take-away abrangente é claro: a acessibilidade não é um projeto único, mas um processo contínuo.

Com o prazo para o EAA se aproximando, criar um roteiro acionável com responsabilidades, recursos e cronogramas claros é essencial para permanecer alinhado e fazer um progresso significativo. Nossa parceria com a Recite Me deu as ferramentas e os conhecimentos para navegar nessa jornada, incluindo auditorias personalizadas e uma lista de verificação de acessibilidade que identifica onde são mais necessárias melhorias.

Então, se você estiver se sentindo sobrecarregado com os requisitos do EAA, não precisa! Estamos aqui para ajudar. Seja oferecendo conselhos personalizados ou orientando -o em cada estágio da conformidade, estamos comprometidos em ajudar você a criar experiências digitais inclusivas que beneficiem seus usuários e seus negócios.

Vamos trabalhar juntos para tornar a acessibilidade uma pedra angular de sua estratégia. Entre em contato hoje Para iniciar sua própria jornada e falar com um de nossos embaixadores de acessibilidade. Solana Token Creator