Pressione isto: Uma jornada pela acessibilidade na Web com Amber Hinds

Bem-vindo ao Press This, o podcast da comunidade WordPress do WMR. Cada episódio apresenta convidados de toda a comunidade e discussões sobre os maiores problemas enfrentados pelos desenvolvedores do WordPress. A seguir está uma transcrição da gravação original.

Desenvolvido por RedCircle

Doc Pop : Você está ouvindo Press This, um podcast da comunidade WordPress no WMR. Toda semana destacamos membros da comunidade WordPress. Sou seu anfitrião, Doutor Pop. Apoio a comunidade WordPress por meio de minha função no WP Engine e de minhas contribuições no TorqueMag.io. Você pode assinar o Press This no RedCircle, iTunes, Spotify ou seu aplicativo de podcasting favorito. Você também pode baixar episódios diretamente de WMR.fm.

Hoje, estamos mergulhando em um tópico que está na vanguarda do cenário digital, literalmente: acessibilidade na web. É um assunto que afeta todos os sites e todos os usuários, e os sites acessíveis podem perder seus leitores ou clientes e simplesmente anular o propósito de colocar seu site online.

Juntando-se a nós hoje está Amber Hinds, fundadora e CEO da Equalize Digital e organizadora do WordPress Accessibility Meetup. O trabalho de Amber teve um grande impacto ajudando grandes universidades, agências governamentais e diversas organizações a criar experiências online inclusivas. E a mais nova ferramenta de sua empresa, o Verificador de Acessibilidade, é um plug-in poderoso que verifica, monitora e gera relatórios sobre o status de acessibilidade de sites em tempo real, garantindo que temas de conteúdo e plug-ins permaneçam fáceis de usar para todos. Âmbar, bem-vinda ao show.

Amber Hinds : Obrigada por me receber. Estou animado por estar aqui.

DP : Estou animado por ter você. vamos começar ouvindo sua história de origem. Como você entrou no WordPress?

AH : Bem, comecei como mãe blogueira no WordPress.com e depois fiz a transição para .org quando quis poder fazer mais alterações e ter mais controle. Porque quando eu estava no WordPress em 2009, no WordPress.com, você não podia fazer nenhuma personalização de tema ou instalação de plugins. E desenvolvi um negócio freelance apenas com amigos que inicialmente me pediram ajuda com seus sites WordPress.

DP : Adoro ouvir sobre as mamães blogueiras que ainda estão por aí. Eu definitivamente acho que foi um momento mágico de internet, onde os sites eram tão acessíveis e tão fáceis que todas essas pessoas cresceram aderindo. Comunidade WordPress apenas para poder falar sobre coisas que eram importantes para eles em suas vidas.

E eu acho que muito disso pode ser transferido para o Facebook ou mídia social, você sabe, e isso é uma pena, mas estou feliz em ver que pessoas como você fizeram a transição para permanecer no espaço e torná-lo melhor para outros gente assim. Então, sim, obrigado por isso. Bem, por que não ouvimos um pouco sobre sua empresa, a Equalize Digital. O que vocês fazem aí?

AH : Sim, somos uma Corporação B certificada e nos especializamos em acessibilidade WordPress. Portanto, fazemos auditorias de acessibilidade e correções que temos em pacotes de planos que fazemos para as pessoas com base em receitas recorrentes. E então fazemos desenvolvimento acessível para organizações empresariais e temos um produto, Equalize Digital Accessibility Checker, que verifica sites WordPress em busca de problemas de acessibilidade e os sinaliza, como você veria em uma ferramenta de SEO como Yoast ou RankMath, algo assim, que fornece relatórios na tela Post Edit para ajudar as pessoas a tornar o conteúdo mais amigável para SEO. Bem, fazemos a mesma verificação, mas por acessibilidade.

DP : E é importante notar, acho que as pessoas já perceberam isso, mas essa não é uma daquelas ferramentas que pretende tornar seu site acessível se não fosse antes, é uma ferramenta porque essas ferramentas têm escuridão histórias de talvez não funcionar da maneira sugerida com sobreposições e coisas assim, mas esta é uma ferramenta que é realmente, como você disse, é mais como um verificador Yoast.Yoast não torna sua página melhor em SEO, é mostra como melhorar sua página em SEO, e é isso que está acontecendo aqui.

AH : Sim, está correto. Nossa ferramenta não causa impacto no front-end, o que também tem a grande vantagem de não ter nenhum impacto negativo no desempenho. É realmente uma ferramenta que desenvolvedores, designers e criadores de conteúdo podem usar para criar melhor conteúdo, verificar a acessibilidade com mais rapidez e aprender sobre acessibilidade. Portanto, temos muita documentação à qual vinculamos e coisas para ajudar as pessoas a aprender mais sobre como codificar ou inserir conteúdo de maneira acessível.

DP : Então, se eu instalei o verificador de acessibilidade, há diferentes níveis sobre os quais você pode falar, como o que você obtém nos níveis gratuito e premium, mas qual é a coisa básica que a ferramenta vai fornecer para mim? Como será minha experiência no back-end?

AH : Claro. Então, na verdade, temos uma visualização de back-end e de front-end com nosso plugin. A versão gratuita, disponível no WordPress.org, permite digitalização ilimitada de posts e páginas. Portanto, se você tiver um site muito básico, poderá usar a versão gratuita para sempre e não haverá motivo para atualizar.

Também temos uma versão paga com vários níveis e que inclui a verificação de tipos de postagem personalizados e alguns outros recursos que podemos usar se você quiser. Mas basicamente o que o plug-in gratuito ou profissional fará é colocar uma metacaixa abaixo da área de conteúdo na postagem ou na tela de edição da página. Ele faz a varredura, fornece um resumo e, em seguida, há uma guia “Detalhes” onde você pode entrar e ver cada erro ou aviso individual que encontramos na página, e isso ajuda você a encontrá-los. O que lançamos durante o verão, porém, e que nos deixa muito entusiasmados, foi financiado pela NASA, porque nosso plugin está sendo usado no site da NASA, é uma visualização frontend do nosso plugin.

Assim, qualquer pessoa interessada pode baixá-lo. Um administrador logado tem a capacidade de alternar um botão no frontend de uma postagem ou página e você pode passar pelos erros e avisos no frontend. Ele colocará uma caixa rosa tracejada ao redor do elemento porque às vezes é difícil ver apenas um trecho de código e saber onde devo ir para editar isso. E é essa a ideia por trás da visão frontend.

DP : Isso é tão legal. Então esse é um recurso premium, um dos pequenos negócios e níveis superiores ou…

AH : Não, na verdade, esta foi uma conversa que tivemos com a NASA. Eles estão usando o plug-in e queriam algo que tornasse mais fácil para criadores e redatores de conteúdo não técnicos que editam conteúdo no site da NASA encontrarem problemas. E então criamos isso, eles financiaram e acabamos decidindo que, em vez de construí-lo apenas para a NASA, iríamos lançá-lo em nosso plugin gratuito. Portanto, você pode usar esse recurso gratuitamente, e isso realmente significa que somos uma Empresa B certificada e parte da missão da NASA é retribuir à humanidade. Assim como o Velcro saiu da NASA, brincamos que esse recurso de front-end também saiu da NASA.

DP : Isso é legal. É disso que eles precisam. E então, quando falamos sobre problemas, estou assumindo uma fonte de baixo contraste, você sabe, como algo difícil de ler, coisas assim, ou estamos falando de armadilhas como mouse, uh, acho que o termo é mouse armadilhas, onde você não pode navegar no site a menos que melhorias sejam feitas. Tenho certeza de que estou errando nessa descrição, mas você pode nos contar que tipo de coisas estamos procurando aqui?

AH : Então temos mais de 40 verificações diferentes. Nós os dividimos no que chamamos de erros e avisos. Erros são coisas que sabemos 100% que são um problema. Por exemplo, texto de link ambíguo, ou seja, as palavras “saiba mais” ou a palavra “aqui” que está apenas vinculada e não tem significado. Sabemos que isso é um problema porque ninguém sabe realmente por que seguiriam esse link. Sobre o que vou aprender mais?

Então esse é um exemplo de algo que é um erro. É definitivamente um problema. Isto precisa ser consertado. E também temos avisos. Então, coisas como imagens sem texto alternativo, isso é um aviso porque em algumas situações é realmente correto deixar o texto alternativo vazio se uma imagem for puramente decorativa e você realmente não quiser atrasar as pessoas fornecendo uma descrição de um florescer, por exemplo.

Então isso é algo que exige que um humano avalie. Podemos sinalizar a coisa, mas um ser humano precisa olhar para ela e tomar uma decisão. Portanto, temos mais de 40 erros e avisos diferentes. Mas o que é importante saber é que, assim como existem algumas coisas que podemos sinalizar, mas que exigem uma avaliação humana, existem apenas algumas coisas que uma ferramenta de teste automatizada não consegue encontrar. E por isso também oferecemos muita educação sobre testes manuais. Assim, você pode usar nossa ferramenta para informar rapidamente todas as imagens que estão faltando texto alternativo ou todas as páginas que possuem títulos inseridos fora de ordem. E em um site muito grande, digamos que você esteja trabalhando em um site com talvez até centenas de milhares de páginas, você pode fazer com que o plug-in verifique tudo isso para você e então você pode descobrir onde precisa se aprofundar e ir entre e dê uma olhada. Portanto, isso pode realmente acelerar os testes.

Mas do verdadeiro ponto de vista da acessibilidade, você também precisa ir até o frontend e procurar aquelas armadilhas de teclado como as que você estava falando, que são literalmente percorrer o site, pressionar a tecla Tab e certificar-se de que você pode acessar todos os elementos interativos , e você pode usar o site totalmente sem mouse.

E, claro, sempre recomendamos que as pessoas ativem os leitores de tela e testem também com leitores de tela.

DP : Esse é um bom lugar para fazermos uma pausa rápida aqui. Quando voltarmos, continuaremos nossa entrevista com Amber Hines sobre grupos de encontro de acessibilidade do WordPress e como aprender mais sobre como melhorar a acessibilidade em seus sites. Portanto, fique atento após o breve intervalo.

Bem-vindo de volta ao Press This, um podcast da comunidade WordPress. Sou seu anfitrião, Doutor Pop. Hoje estou conversando com Amber Hinds, CEO da Equalize Digital e fundadora e organizadora de Meetups de Acessibilidade em WordPress, bem como acho que alguns outros

eventos. Amber, você pode nos contar um pouco sobre o Meetup de Acessibilidade do WordPress?

AH : Claro, o WordPress Accessibility Meetup é um encontro oficial do programa WordPress Meetup. Na verdade, é um dos primeiros, mas agora não é o único encontro que foi projetado para não ser baseado na cidade. Antigamente, os encontros do WordPress eram sempre baseados na cidade. Estou em Georgetown, então poderia ir ao encontro WordPress de Georgetown se quisesse, e alguns anos atrás, comecei a pensar que realmente queria aprender mais sobre acessibilidade, mas não há muitas pessoas sobre acessibilidade na web em meu cidade. Na verdade não é uma cidade super grande. E então eu enviei uma inscrição, e houve uma grande discussão na comunidade sobre se eles permitiriam ou não encontros puramente virtuais, e ficamos entusiasmados em obter a aprovação do WordPress Accessibility Meetup como um dos primeiros encontros baseados em tópicos.

Acho que agora também existe um sobre hospedagem, e o BlackPress é outro que existe por aí, mas nos encontramos duas vezes por mês. Quinta-feira, às 10h, horário central dos EUA, e na terceira segunda-feira, às 19h, horário central dos EUA, para que tenhamos uma boa cobertura de pessoas ao redor do mundo. Estão todos no Zoom. Encontramos patrocinadores para nos ajudar a cobrir os custos das legendas ao vivo, por isso sempre temos legendas digitadas por uma pessoa em cada encontro.

E há vários tópicos diferentes relacionados à acessibilidade de sites. Às vezes eles são baseados em código, às vezes são baseados em conteúdo ou em design, todas coisas diferentes.

DP : E você também foi um dos organizadores do WordPress Accessibility Day?

AH : Sim, então Dia da Acessibilidade do WordPress, na verdade sou o presidente do conselho. Somos uma organização sem fins lucrativos separada. É independente da WordPress Community Foundation. É um evento de 24 horas que acontece todo outono, e este ano, em 2023, este foi nosso terceiro evento, e estávamos muito entusiasmados. Tivemos mais de 2 mil pessoas se cadastrando e participando em uma única trilha que dura 24 horas.

DP : Eu fui um desses 2.000, foi um evento muito bem administrado, parabéns a todas as pessoas por trás disso e a você por organizar isso. E acho que uma das coisas que eu queria abordar nesta entrevista era perguntar se as pessoas ... então você tem uma ferramenta para ajudar as pessoas a descobrir como encontrar acessibilidade. Se você quiser ser mais proativo e aprender sobre as melhores tendências e práticas recomendadas sobre como manter seus sites acessíveis antes do lançamento, e não depois, como você recomenda que as pessoas mantenham

acompanhar isso?

AH : Sim, é claro que participar de encontros é uma ótima maneira. Também gravamos todos eles e os publicamos em nosso site. Se você for ao encontro de barra equalizedvisual.com, poderá encontrar todas as gravações de todos os encontros do WordPress que ocorreram sobre acessibilidade. Desculpe, encontro de acessibilidade do WordPress. E então, de outra forma, existe um grupo no Facebook que administramos, o grupo WordPress Accessibility no Facebook, e esse é um bom lugar para se conectar ou fazer perguntas às pessoas. Acho que uma das grandes coisas é não ter medo de começar. Não precisa ser perfeito. Acho que acessibilidade é uma jornada. Não é algo que acontece da noite para o dia. São pequenas coisas que você faz ao longo do tempo. Então você pode instalar o plugin e começar a trabalhar em algumas pequenas correções. Você poderia fazer questão de dizer, ei, toda vez que eu construir um novo site, vou usar o WordPress e verificar a tecla tab e ter certeza de que posso enviar todos os meus formulários e usar o carrossel ou expandir os acordeões e ler o conteúdo sem

usando um mouse.

Então, às vezes, a melhor maneira de aprender é mergulhar de cabeça e começar a tentar descobrir. Mas acho que o grupo do Facebook e ir ao encontro são outra maneira de realmente se conectar com as pessoas, se você não tiver certeza de como. E então tenho trabalhado na publicação de algum conteúdo por meio da Barra de Administração. É o Semanário de Acessibilidade que acontece toda semana. Eu posto uma postagem sobre uma peça específica de acessibilidade. Essa é outra maneira de aprender mais.

DP : E você está no espaço há tempo suficiente e neste tópico específico há tempo suficiente para talvez me dar algum feedback sobre como eu sinto que o WordPress começou a ter uma conversa sobre acessibilidade de forma mais perceptível na época em que Gutenberg foi lançado, quando eu sinto que foi algo que se tornou um evangelho dentro da comunidade ou definitivamente algo de maior foco. E estou me perguntando se você já viu isso, e também me perguntando como você acha que o WordPress como um produto principal está se saindo agora em termos de acessibilidade para os usuários.

AH : Definitivamente notei nos últimos dois anos uma grande mudança no nível de conhecimento da comunidade WordPress, dos desenvolvedores e agências que usam o WordPress sobre acessibilidade. Acho que está parcialmente ligado ao aumento da legislação que vem acontecendo nos Estados Unidos. Além disso, um grande salto em todo o mundo pós-COVID, e na Europa, há a Lei Europeia de Acessibilidade, que tem um precipício, e vai começar a ser aplicada em junho de 2025. Portanto, há muita legislação, que é tornar as pessoas mais conscientes disso, mais ou menos como o GDPR forçou muitas pessoas a aderir ao movimento da privacidade.

Acho que a outra coisa é que há muitos grandes defensores por aí que têm feito muito para falar e aumentar a conscientização sobre a importância disso. Então, você sabe, você mencionou Gutenberg e como muitas pessoas ficaram mais conscientes disso na época em que Gutenberg foi introduzido, bem, isso foi realmente graças ao WP Campus, que é uma organização sem fins lucrativos que tem um grupo Slack e administra um conferência voltada para WordPress e ensino superior. E encomendaram e pagaram uma auditoria de acessibilidade de Gutenberg porque havia muitas preocupações sobre o quão inacessível Gutenberg era. E essa auditoria realmente conscientizou muito mais pessoas sobre a acessibilidade.

Do ponto de vista onde estamos, todos os problemas dessa auditoria foram resolvidos, mas ainda há um longo caminho a percorrer. Principalmente no editor de blocos, por questão de acessibilidade, há partes dele que podem ser extremamente difíceis para usuários principalmente de leitores de tela ou pessoas que usam apenas um teclado para poder editar seus sites. Acho que realmente precisamos ver mais esforço nisso. Atualmente, temos apenas um desenvolvedor patrocinado para trabalhar na Equipe de Acessibilidade, o que significa que ele é pago e só recebe em meio período: esse é Joe Dolson. E eu realmente adoraria ver mais empresas percebendo o quão importante isso é e se elas pagaram contribuidores para o WordPress ou mesmo se não o fizeram e estão considerando patrocinar contribuidores para o WordPress para patrocinar alguns para trabalhar na Equipe de Acessibilidade porque existem muitos problemas por aí que só precisam que um desenvolvedor esteja disponível e os ajude a resolver os problemas e resolvê-los.

DP : E você mencionou o WP Campus e o trabalho que eles fizeram lá. Eu só queria dar um grande abraço para Rachel Cherry. Lembro que Rachel estava definitivamente liderando muita conscientização na comunidade. E devo dizer que foram pessoas como Rachel e, você sabe, pessoas como você fazendo o trabalho que fazem que colocaram isso mais em minha mente. Não é que eu tenha um site gigante, não sou da NASA nem nada, mas definitivamente penso muito mais sobre isso agora, mesmo nas redes sociais, uso descrições alternativas. E muito disso se resume a, acabei de descobrir que acessibilidade não necessariamente, estou ficando um pouco enfadonho ou algo assim, tenho certeza que todos nós já ouvimos isso antes, mas acessibilidade não significa apenas tornar a web acessível para alguns indivíduos. Realmente, você sabe, fontes de maior contraste e descrições alternativas tornam seu site responsivo a dispositivos móveis, certo? Para que você possa acessá-lo em coisas diferentes. Estamos falando desse tipo de coisa que realmente torna seu site e a web melhor para todos, não apenas, você sabe, pensando em, ah, algumas pessoas precisam dessas melhorias. Não, isso é sério, se pensarmos bem, certo? Esperamos que estejamos apenas tornando tudo melhor para todos.

AH : Sim, quero dizer, acessibilidade faz parte de apenas ter uma boa experiência do usuário ou experiência do usuário. E, como você mencionou, tem tantas coisas, e até no nosso dia a dia, tipo, a gente sai da web. Algo que muitas pessoas talvez não pensem ou nem percebam é que eles usam nossos cortes de meio-fio ou rampas que fazem com que você não precise subir no meio-fio. E eles foram originalmente criados para usuários de cadeiras de rodas, no entanto, são muito úteis se você estiver empurrando seu filho em um carrinho, ou empurrando um carrinho de compras cheio de mantimentos, ou puxando uma mala pesada atrás de você. E há muitos recursos da web que são exatamente assim, e quero dizer, não sei sobre você, mas à medida que envelheço, percebo que há sites onde às vezes preciso aumentar o zoom para lê-los, particularmente no meu telefone. E de vez em quando, encontro um em que o desenvolvedor desativou o zoom. E eu simplesmente saio porque estou tipo, bem, não quero ficar sentado aqui apertando os olhos, tentando ler isso. É frustrante para mim. Estamos todos no espectro de pessoas com capacidade normal até potencialmente necessitando de algum tipo de dispositivo ou assistência pessoal para interagir com a web. E acho que, como desenvolvedores, queremos manter isso em mente e perceber que isso realmente ajuda a todos. E esta é uma forma de tornarmos o mundo um lugar melhor.

DP : E falando nisso, faremos mais uma pausa e quando voltarmos retomaremos nossa conversa e nos concentraremos em algumas novas melhorias para o plugin Accessibility Checker que podem ser do interesse de pequenas empresas e agências. Portanto, fique atento após o breve intervalo.

Bem-vindo de volta ao Press This, um podcast da comunidade WordPress. Estamos encerrando nossa conversa com Amber Hinds. Falamos sobre os Meetups de Acessibilidade do WordPress e como as pessoas podem aprender mais sobre como melhorar seus sites e aprender sobre acessibilidade. E no início do programa, falamos sobre o plugin Accessibility Checker do Equalize Digital. E eu só quero mergulhar um pouco mais aqui. Estou na página de preços, me inscrevi hoje. Instalei o plugin no nível pessoal, só para dar uma olhada, mas há algumas coisas legais no nível de pequenas empresas e agências. Por exemplo, vi no nível de pequenas empresas que há uma consulta de acessibilidade de 30 minutos, bem como dois horários de atendimento de acessibilidade por mês para você ajudar. Eu só quero ouvir um pouco mais sobre alguns desses recursos que você pode oferecer para agências e pequenas empresas em níveis superiores.

AH : Sim, nas pequenas empresas e nas agências, oferecemos uma consulta personalizada de 30 minutos, que na verdade é uma ligação telefônica ou Zoom comigo, e nós nos damos bem, e é bem legal porque eu não ' não tenho um roteiro. Fazemos o que funciona melhor para aquela empresa ou agência específica, o que significa que, às vezes, eles já instalaram o plug-in e normalmente já instalaram o plug-in e há alguns problemas, e podemos apenas passar algum tempo conversando sobre como corrigir determinados problemas. O objetivo com eles é realmente dar às pessoas, colocar você em funcionamento com o plugin, ter certeza de que você não está vendo nada de estranho, e também fornecer, você sabe, essas informações, porque como nossa ferramenta não é um fixador de cotações, certo, você ainda precisa fazer parte do trabalho, há momentos em que você se depara com coisas e talvez não tenha certeza da melhor abordagem para consertar. E então fazemos isso.

Também fazemos isso em horário comercial. Portanto, o horário comercial acontece duas vezes por mês. E eles estão agrupados. Eles não estão gravados. Mas várias pessoas podem vir, o que é legal. Às vezes, temos pessoas que vêm só porque querem ouvir e aprender com outras pessoas. Mas é uma oportunidade de estar cara a cara e conversar sobre acessibilidade, alguns dos problemas que estão sendo encontrados e as melhores maneiras de resolvê-los.

A outra coisa que oferecemos que é relativamente nova para as pequenas empresas no nível de agência é que temos um complemento incluído, que é o histórico de auditoria. Portanto, a versão gratuita do plugin e a versão Pro básica do plugin apenas mostrarão o status atual. Mas muitas agências e desenvolvedores precisam ter a capacidade de relatar mudanças na acessibilidade ao longo do tempo. E é isso que é este plugin de histórico de auditoria ou complemento para o plugin principal. Ele salva contagens em determinados intervalos e permite visualizá-las em uma tabela e em um gráfico e, idealmente, ver melhorias ao longo do tempo e poder relatar aos seus clientes ou stakeholders internos como a acessibilidade vem melhorando no site.

DP : Bem, isso é legal. Eu realmente aprecio conversar com você hoje. E mais uma vez, só tenho a agradecer pelo trabalho que você fez com o WordPress Accessibility Day e com os Meetups de Acessibilidade, realmente agradeço por isso. Se as pessoas quiserem segui-lo ou saber mais sobre seu trabalho, para onde você gostaria de enviá-las?

AH : Claro, então nosso site é equalizedigital.com. Se você acessar equalizedigital.com/meetup, essa é a melhor maneira de saber mais sobre todos os encontros, você pode ver os próximos e assistir às gravações. Sou mais ativo no Twitter, então se você gosta de mídia social, pode me encontrar no X/Twitter em @HeyAmberHinds. É Ei, Amber, HINDS.

DP : Bem, obrigado novamente por se juntar a nós hoje, Amber, e obrigado a todos por ouvirem Press This, um podcast da comunidade WordPress no WMR.

Você pode acompanhar nossas aventuras no Twitter na Torque Mag. Essa é a Torque Mag no Twitter. Você também pode acessar TorqueMag.io para encontrar mais artigos, bem como versões transcritas de cada um desses podcasts após serem lançados. Você pode assinar o programa no RedCircle, iTunes, Spotify ou no seu favorito. Aplicativos de podcasting. Você também pode baixá-lo diretamente de WMR.fm. Sou seu anfitrião, Dr. Popular. Apoio a comunidade WordPress por meio de minha função no WP Engine e adoro destacar os membros dessa comunidade todas as semanas no Press This.