L'accessibilité de Beaver Builder a été une priorité absolue dans notre prochaine version 2.10, et les résultats parlent d'eux-mêmes.

Selon la comparaison de l'accessibilité de la page WordPress du constructeur de page WordPress de Digital, le score d'accessibilité de Beaver Builder est passé de 48% à 68% , nous déplaçant dans le tiers supérieur des constructeurs de page WordPress . Cette amélioration de 20 points reflète notre engagement à vous aider à créer des sites Web inclusifs qui fonctionnent pour chaque visiteur.

«Vous tous (chez Beaver Builder) avez mis du travail et cela se voit! Excellent travail et merci d'avoir priorisé l'accessibilité!» - Amber Hinds

L'expert en accessibilité Amber Hinds et son équipe ont évalué les constructeurs de pages contre les normes d'accessibilité du monde réel. Leur rapport met en évidence où les constructeurs réussissent ou ne sont pas en deçà du contenu utilisable pour les personnes handicapées. Nous sommes ravis que nos progrès soient mesurables et encore plus enthousiasmés par ce que cela signifie pour vous et vos clients.

Quoi de neuf dans Beaver Builder 2.10 Accessibilité

Grâce aux commentaires de nos conseils communautaires et experts d'Amber Hinds à Equalize Digital, notre équipe a travaillé dur pour rendre Beaver Builder plus accessible que jamais.

Beaucoup de ces mises à jour sont rendues possibles via notre API de dépréciation , ce qui nous permet d'améliorer le balisage et l'accessibilité dans de nouveaux modules sans casser des conceptions existantes. Voici ce qui change:

Module d'accordéon

• Tags HTML mis à jour pour une sémantique améliorée.
• Augmentation de la taille de l'anneau de mise au point pour la visibilité.
• Écouteur d'événements modifié de keypress à keydown .
• La clé d'échappement ferme maintenant les onglets.
• Tous les éléments de l'accordéon se ferment lorsque la mise au point se déplace à l'extérieur.
• Attributs ARIA appropriés mis en œuvre.

Module de curseur de contenu

• Anneau de mise au point plus clair sur les liens.
• Support à une préférence de mouvement réduit.
• Empêcher la lecture automatique lorsque la mise au point change.
• Ajout d'attributs aria-label et Role.
• Amélioration de la navigation par clavier.
• Focus ajouté à la navigation de point de curseur.
• Marquage mis à jour à l'aide des balises de liste et de bouton.

Module de galerie

• Remplacez les balises div par des balises de liste.
• Ajout des rôles ARIA pour les balises div dépréciées.

Module de menu

• Navigation de clavier améliorée.
• Améliorations et rôles ARIA améliorés.
• Marquage ajusté et dimensionnement des icônes sous-menu.

Module photo

• Cougé à figcaption pour les légendes, en suivant les meilleures pratiques de l'accessibilité.

Module de poteaux

• Changement de conteneur de div à ul .
• Ajout d'une nouvelle option dans le champ Post Container.

Post curseur et carrousel post

• Les diapositives utilisent désormais des balises de liste.
• Navigation et pagination Utiliser les balises des boutones.
• Attributs ARIA améliorés.
• Focus maintenant visible sur tous les contrôles.

Tous les modules de messages

• Liens redondants cachés à des lecteurs d'écran et à la navigation par clavier.

Module d'onglets

• Tags de bouton utilisés à la place des liens / div.
• Attributs ARIA appropriés ajoutés.
• Les modifications de balisage s'appliquent uniquement aux nouveaux modules via l'API de dépréciation.

Module de témoignages

• Changé de div à blockquote .
• Ajout du support pour une préférence en mouvement réduit.
• Nouvelle option Play / Pause Disponible.

Formes de rangées

• Ajout du titre / description générique de l'accessibilité.

Modules avec des extraits

• Amélioration du texte «Lire la suite» pour un meilleur contexte.

Compatibilité en arrière

Lors de l'amélioration de l'accessibilité, nous savons que la stabilité est tout aussi importante que les progrès. C'est pourquoi Beaver Builder 2.10 utilise une approche minutieuse qui équilibre les améliorations avec une compatibilité arrière.

Voici comment cela fonctionne:

• API de dépréciation du module : Lorsque nous apportons des modifications de balisage majeures (comme passer des balises <div> à <ul> ), ces mises à jour sont introduites dans une nouvelle version du module. Cela signifie que tous les nouveaux modules que vous ajoutez à une page incluront le balisage amélioré, tandis que vos modules existants restent inchangés pour éviter de briser vos dispositions.
• Les modules existants en bénéficient toujours : même lorsque nous créons une nouvelle version de module, nous audit la version existante pour améliorer les attributs ARIA, la navigation par clavier et d'autres fonctionnalités d'accessibilité non révolutionnaires. En d'autres termes, les anciennes et nouvelles versions reçoivent des améliorations d'accessibilité, mais seule la nouvelle version obtient des modifications de balisage.
• Pas seulement les grands changements : certaines mises à jour ne nécessitent pas du tout une nouvelle version de module. Dans ces cas, nous apportons des améliorations directes telles que l'ajustement des rôles ARIA ou la garantie d'une interaction du clavier approprié sans utiliser l'API de dépréciation.
• Engagement continu : ce processus se poursuivra dans les versions futures. Chaque fois que les modifications de balisage nécessitent une nouvelle version de module, nous auditerons également le balisage du module existant, donc l'accessibilité s'améliore régulièrement sur vos sites sans sacrifier la stabilité.

En bref, vous pouvez vous attendre à des améliorations d'accessibilité même dans vos modules actuels parfois via des mises à jour d'attribut subtiles plutôt qu'à une nouvelle majoration tout en préservant les dispositions et la compatibilité dont vous dépendez.

Pourquoi l'accessibilité est importante pour votre site Web

L'accessibilité n'est pas seulement une question de conformité; Il s'agit de créer un Web inclusif où tout le monde peut s'engager pleinement. Beaver Builder 2.10 permet d'assurer une expérience plus fluide et plus claire pour tous les utilisateurs, des visiteurs du clavier uniquement à ceux qui utilisent des lecteurs d'écran.

En rendant votre site inclusif, vous:

• Atteindre un public plus large, y compris les personnes handicapées
• Améliorer le référencement et l'expérience utilisateur, car l'accessibilité se chevauche avec de bonnes pratiques de conception
• Assurer la conformité, en réduisant le risque juridique pour vous et vos clients

En priorisant l'accessibilité, vous ne construisez pas seulement de beaux sites Web, vous faites une différence significative pour chaque visiteur.

Pourquoi choisir Beaver Builder pour une conception accessible

La construction de sites Web accessibles commence par la fondation. Beaver Builder 2.10 élimine les barrières d'accessibilité communes à la source. Chaque module est livré avec un balisage sémantique propre et des attributs ARIA appropriés, vous pouvez donc créer des sites entièrement accessibles sans effort supplémentaire.

"Beau Work Beaver Builder! Merci d'avoir écouté. Quelle grande amélioration." - Ann Marie Gill

Avec ces améliorations, vous pouvez atteindre un public plus large, améliorer le référencement et la convivialité et réduire les risques juridiques, tout en offrant une expérience inclusive. Ce n'est que le début: l'accessibilité restera une priorité, et l'équipe Beaver Builder s'engage à faire encore plus de progrès dans l'année à venir.

Commencez avec une conception accessible

Vous voulez plonger plus profondément? Consultez notre guide sur les conseils de conception d'accessibilité Web pour des stratégies pratiques que vous pouvez utiliser dans vos projets de conception Web.

L'accessibilité est un effort d'équipe et les commentaires de la communauté aident à façonner notre feuille de route. Nous encourageons tous les utilisateurs à signaler les problèmes d'accessibilité via nos canaux de support afin que nous puissions continuer à améliorer Beaver Builder pour tout le monde.