La accesibilidad de Beaver Builder ha sido una prioridad en nuestro próximo lanzamiento 2.10, y los resultados hablan por sí mismos.

Según la comparación de accesibilidad de WordPress Builder 2025 de Equalal Digital, el puntaje de accesibilidad de Beaver Builder aumentó del 48% al 68% , moviéndonos al tercio superior de los constructores de páginas de WordPress . Esta mejora de 20 puntos refleja nuestro compromiso de ayudarlo a construir sitios web inclusivos que funcionen para cada visitante.

"¡Todos ustedes (en Beaver Builder) han estado trabajando y se nota! ¡Gran trabajo y gracias por priorizar la accesibilidad!" - hinds ámbar

El experto en accesibilidad Amber Hinds y su equipo evaluaron a los constructores de páginas contra los estándares de accesibilidad del mundo real. Su informe destaca dónde los constructores tienen éxito o se quedan cortos para hacer que el contenido se pueda usar para las personas con discapacidades. Estamos entusiasmados de que nuestro progreso sea medible y aún más entusiasmado con lo que esto significa para usted y sus clientes.

¿Qué hay de nuevo en Beaver Builder 2.10 Accesibilidad?

Gracias a los comentarios de nuestra comunidad y orientación experta de Amber Hinds en Equalaly Digital, nuestro equipo ha estado trabajando duro para que Beaver Builder sea más accesible que nunca.

Muchas de estas actualizaciones son posibles a través de nuestra API de deprecación , lo que nos permite mejorar el marcado y la accesibilidad en los nuevos módulos sin romper los diseños existentes. Esto es lo que está cambiando:

Módulo de acordeón

• Etiquetas HTML actualizadas para una semántica mejorada.
• Mayor tamaño del anillo de enfoque para la visibilidad.
• Cambiado de oyente de eventos de keypress a keydown .
• La tecla de escape ahora cierra las pestañas.
• Todos los elementos de acordeón se cierran cuando el enfoque se mueve afuera.
• Atributos ARIA adecuados implementados.

Módulo de control deslizante de contenido

• Anillo de enfoque más claro en enlaces.
• Soporte para preferencias de movimiento reducido.
• Pedió el autoplaio cuando cambia el enfoque.
• Se agregó aria-label y atributos de roles.
• Navegación mejorada del teclado.
• Enfoque agregado a la navegación de puntos deslizantes.
• Marca actualizada usando etiquetas de lista y botón.

Módulo de galería

• Reemplazaron etiquetas div con etiquetas de lista.
• Se agregó roles de ARIA para etiquetas div desactivadas.

Módulo de menú

• Navegación mejorada del teclado.
• Atributos y roles de ARIA mejorados.
• Marcado ajustado y dimensionamiento de icono submenú.

Módulo de foto

• Cambiado a figcaption para subtítulos, siguiendo las mejores prácticas de accesibilidad.

Publica el módulo

• Contenedor cambiado de div a ul .
• Se agregó una nueva opción en el campo de contenedores post.

Post Slider & Post Carousel

• Las diapositivas ahora usan etiquetas de lista.
• Navegación y paginación Use etiquetas de botón.
• Atributos ARIA mejorados.
• Centrarse ahora visible en todos los controles.

Todos los módulos de publicaciones

• Enlaces redundantes ocultos de los lectores de pantalla y la navegación del teclado.

Módulo de pestañas

• Etiquetas de botón utilizadas en lugar de enlaces/divs.
• Atributos ARIA adecuados agregados.
• Los cambios de marcado se aplican solo a nuevos módulos a través de la API de deprecación.

Módulo de testimonios

• Cambiado de div a blockquote .
• Se agregó soporte para preferencia de movimiento reducido.
• Nueva opción de juego/pausa disponible.

Formas de hilera

• Título/descripción genérica agregada para la accesibilidad.

Módulos con extractos

• Texto mejorado de "Leer más" para un mejor contexto.

Compatibilidad con atrasado

Al mejorar la accesibilidad, sabemos que la estabilidad es tan importante como el progreso. Es por eso que Beaver Builder 2.10 utiliza un enfoque cuidadoso que equilibra las mejoras con la compatibilidad hacia atrás.

Así es como funciona:

• API de deprecación del módulo : cuando hacemos grandes cambios de marcado (como cambiar de <div> a <ul> etiquetas), esas actualizaciones se introducen en una nueva versión del módulo. Esto significa que cualquier módulo nuevo que agregue a una página incluirá el marcado mejorado, mientras que sus módulos existentes permanecen sin cambios para evitar romper sus diseños.
• Los módulos existentes aún se benefician : incluso cuando creamos una nueva versión del módulo, auditamos la versión existente para mejorar los atributos ARIA, la navegación del teclado y otras funciones de accesibilidad no rompientes. En otras palabras, tanto las versiones antiguas como las nuevas reciben mejoras de accesibilidad, pero solo la nueva versión obtiene cambios de marcado.
• No solo grandes cambios : algunas actualizaciones no requieren una nueva versión del módulo. En esos casos, realizamos mejoras directas, como ajustar los roles de ARIA o garantizar la interacción adecuada del teclado sin usar la API de deprecación.
• Compromiso continuo : este proceso continuará en futuras versiones. Cada vez que los cambios de marcado requieren una nueva versión del módulo, también auditaremos el marcado del módulo existente, por lo que la accesibilidad mejora constantemente en sus sitios sin sacrificar la estabilidad.

En resumen, puede esperar mejoras de accesibilidad incluso en sus módulos actuales a veces a través de actualizaciones sutiles de atributos en lugar de un nuevo marcado, todo al tiempo que preserva los diseños y la compatibilidad de los que depende.

Por qué es importante la accesibilidad para su sitio web

La accesibilidad no se trata solo de cumplimiento; Se trata de crear una red inclusiva donde todos puedan participar completamente. Beaver Builder 2.10 ayuda a garantizar una experiencia más suave y clara para todos los usuarios, desde visitantes solo de teclado hasta aquellos que usan lectores de pantalla.

Al hacer que su sitio sea inclusivo, usted:

• Llegar a una audiencia más amplia, incluidas personas con discapacidad
• Mejorar el SEO y la experiencia del usuario, ya que la accesibilidad se superpone con buenas prácticas de diseño
• Garantizar el cumplimiento, reducir el riesgo legal para usted y sus clientes

Al priorizar la accesibilidad, no solo está construyendo hermosos sitios web, está haciendo una diferencia significativa para cada visitante.

Por qué elegir Beaver Builder para el diseño accesible

La creación de sitios web accesibles comienza con la base. Beaver Builder 2.10 elimina las barreras de accesibilidad comunes en la fuente. Cada módulo viene con un marcado semántico limpio y atributos de aria adecuados, por lo que puede crear sitios totalmente accesibles sin esfuerzo adicional.

"¡Buen trabajo Beaver Builder! Gracias por escuchar. Qué gran mejora". - Ann Marie Gill

Con estas mejoras, puede llegar a una audiencia más amplia, mejorar el SEO y la usabilidad, y reducir los riesgos legales, todo al tiempo que proporciona una experiencia inclusiva. Este es solo el comienzo: la accesibilidad seguirá siendo una prioridad, y el equipo de Beaver Builder está comprometido a lograr aún más progresos en el próximo año.

Comience con un diseño accesible

¿Quieres sumergirte más profundo? Consulte nuestra guía sobre consejos de diseño de accesibilidad web para estrategias prácticas que pueda usar en sus proyectos de diseño web.

La accesibilidad es un esfuerzo de equipo y los comentarios de la comunidad ayuda a dar forma a nuestra hoja de ruta. Alentamos a todos los usuarios a informar problemas de accesibilidad a través de nuestros canales de soporte para que podamos continuar mejorando Beaver Builder para todos.