A acessibilidade do Beaver Builder tem sido uma prioridade no nosso próximo lançamento 2.10, e os resultados falam por si.

De acordo com a comparação de acessibilidade do Buaver Buerdibilder 2025 Page Builder da Equalize 2025, a pontuação de acessibilidade do Beaver Builder saltou de 48% para 68% , nos movendo para o terço superior dos construtores de páginas do WordPress . Essa melhoria de 20 pontos reflete nosso compromisso em ajudá-lo a criar sites inclusivos que funcionam para todos os visitantes.

“Todos vocês (no Beaver Builder) estão colocando trabalho e mostra! Ótimo trabalho e obrigado por priorizar a acessibilidade!” - Amber Hinds

A especialista em acessibilidade Amber Hinds e sua equipe avaliaram os construtores de páginas em relação aos padrões de acessibilidade do mundo real. Seu relatório destaca onde os construtores conseguem ou ficam aquém de tornar o conteúdo utilizável para pessoas com deficiência. Estamos empolgados com o fato de nosso progresso ser mensurável e ainda mais empolgado com o que isso significa para você e seus clientes.

O que há de novo no Beaver Builder 2.10 Acessibilidade

Graças ao feedback de nossa comunidade e orientação especializada da Amber Hinds no Equalizer Digital, nossa equipe tem trabalhado duro para tornar o construtor de castores mais acessível do que nunca.

Muitas dessas atualizações são possíveis por meio de nossa API de depreciação , que nos permite melhorar a marcação e a acessibilidade em novos módulos sem quebrar os designs existentes. Aqui está o que está mudando:

Módulo de acordeão

• Tags HTML atualizadas para melhorar a semântica.
• Aumento do tamanho do anel de foco para visibilidade.
• O ouvinte de eventos alterado do keypress para keydown .
• A chave de escape agora fecha as guias.
• Todos os itens de acordeão fecham quando o foco se move para fora.
• Atributos ARIA adequados implementados.

Módulo deslizante de conteúdo

• Anel de foco mais claro nos links.
• Suporte para preferência de movimento reduzido.
• Impediu o AutoPlay quando o foco muda.
• Adicionado atributos aria-label e função.
• Navegação aprimorada do teclado.
• Foco adicionado à navegação por ponto deslizante.
• Marcada atualizada usando tags de lista e botão.

Módulo da galeria

• Tags div substituídas com tags de lista.
• Adicionados papéis ARIA para tags div depreciado.

Módulo de menu

• Navegação aprimorada do teclado.
• Atributos e papéis aprimorados de ária.
• Marcada ajustada e dimensionamento de ícones submenu.

Módulo de foto

• Mudou para figcaption para legendas, seguindo as melhores práticas de acessibilidade.

Módulo de postagens

• Contêiner alterado de div para ul .
• Adicionada nova opção no campo de contêiner de postagem.

Post Slider e Post Carousel

• Os slides agora usam tags da lista.
• Navegação e paginação Use tags de botão.
• Atributos ARIA aprimorados.
• Foco agora visível em todos os controles.

Todos os módulos de postagens

• Links redundantes escondidos dos leitores de tela e navegação no teclado.

Módulo de guias

• Tags de botão usadas em vez de links/divs.
• Atributos ARIA adequados adicionados.
• As alterações de marcação se aplicam apenas a novos módulos por meio da API de depreciação.

Módulo de depoimentos

• Mudou de div para blockquote .
• Adicionado suporte para preferência de movimento reduzido.
• Nova opção de botão de reprodução/pausa disponível.

Formas de linha

• Adicionado título/descrição genérica para acessibilidade.

Módulos com trechos

• Texto "Leia mais" para melhor contexto.

Compatibilidade com versões anteriores

Ao melhorar a acessibilidade, sabemos que a estabilidade é tão importante quanto o progresso. É por isso que o Beaver Builder 2.10 usa uma abordagem cuidadosa que equilibra aprimoramentos com compatibilidade com versões anteriores.

Aqui está como funciona:

• API de depreciação do módulo : quando fazemos grandes alterações de marcação (como a mudança de tags <div> para <ul> ), essas atualizações são introduzidas em uma nova versão do módulo. Isso significa que todos os novos módulos que você adicionar a uma página incluirão a marcação aprimorada, enquanto seus módulos existentes permanecem inalterados para evitar quebrar seus layouts.
• Os módulos existentes ainda se beneficiam : mesmo quando criamos uma nova versão do módulo, auditamos a versão existente para melhorar os atributos da ARIA, a navegação do teclado e outros recursos de acessibilidade não quebrantes. Em outras palavras, as versões antigas e novas recebem melhorias de acessibilidade, mas apenas a nova versão obtém alterações de marcação.
• Não apenas grandes mudanças : algumas atualizações não exigem uma nova versão do módulo. Nesses casos, fazemos melhorias diretas, como ajustar as funções da ARIA ou garantir a interação adequada do teclado sem usar a API de depreciação.
• Compromisso contínuo : esse processo continuará em lançamentos futuros. Sempre que as alterações de marcação exigem uma nova versão do módulo, também auditaremos a marcação de módulos existentes, para que a acessibilidade melhore constantemente em seus sites sem sacrificar a estabilidade.

Em resumo, você pode esperar aprimoramentos de acessibilidade, mesmo nos seus módulos atuais, às vezes através de atualizações sutis de atributos, em vez de uma nova marcação, preservando os layouts e a compatibilidade de que você depende.

Por que a acessibilidade é importante para o seu site

A acessibilidade não é apenas sobre conformidade; Trata -se de criar uma web inclusiva onde todos possam se envolver totalmente. O Beaver Builder 2.10 ajuda a garantir uma experiência mais suave e clara para todos os usuários, desde visitantes apenas para teclados até aqueles que usam leitores de tela.

Ao tornar seu site inclusivo, você:

• Alcançar um público mais amplo, incluindo pessoas com deficiência
• Melhore a experiência de SEO e usuário, já que a acessibilidade se sobrepõe a boas práticas de design
• Garanta a conformidade, reduzindo o risco legal para você e seus clientes

Ao priorizar a acessibilidade, você não está apenas criando sites bonitos, está fazendo uma diferença significativa para todos os visitantes.

Por que escolher o Beaver Builder para design acessível

A construção de sites acessíveis começa com a fundação. O Beaver Builder 2.10 elimina barreiras comuns de acessibilidade na fonte. Cada módulo vem com marcação semântica limpa e atributos ARIA adequados, para que você possa criar sites totalmente acessíveis sem esforço extra.

"Bom trabalho de castores construtor! Obrigado por ouvir. Que grande melhoria." - Ann Marie Gill

Com essas melhorias, você pode alcançar um público mais amplo, melhorar o SEO e a usabilidade e reduzir os riscos legais, proporcionando uma experiência inclusiva. Este é apenas o começo: a acessibilidade continuará sendo uma prioridade e a equipe do Beaver Builder está comprometida em fazer ainda mais progresso no próximo ano.

Comece com o design acessível

Quer mergulhar mais fundo? Confira nosso guia sobre dicas de design de acessibilidade da web para estratégias práticas que você pode usar em seus projetos de design da web.

A acessibilidade é um esforço de equipe e o feedback da comunidade ajuda a moldar nosso roteiro. Incentivamos todos os usuários a relatar problemas de acessibilidade por meio de nossos canais de suporte, para que possamos continuar melhorando o BEAVER Builder para todos.