L'accessibilità di Beaver Builder è stata una priorità assoluta nella nostra prossima versione 2.10 e i risultati parlano da soli.

Secondo il confronto di accessibilità del Builder di Page WordPress 2025 di Equalize Digital, il punteggio di accessibilità di Beaver Builder è salito dal 48% al 68% , spostandoci nel terzo superiore dei costruttori di pagine WordPress . Questo miglioramento di 20 punti riflette il nostro impegno nell'aiutarti a costruire siti Web inclusivi che funzionano per ogni visitatore.

"Tutti (al Beaver Builder) avete lavorato e lo mostra! Ottimo lavoro e grazie per aver dato la priorità all'accessibilità!" - Amber Hinds

L'esperto di accessibilità Amber Hinds e il suo team hanno valutato i costruttori di pagine rispetto agli standard di accessibilità del mondo reale. Il loro rapporto evidenzia in cui i costruttori riescono o non riescono a rendere i contenuti utilizzabili per le persone con disabilità. Siamo entusiasti che i nostri progressi siano misurabili e ancora più entusiasti di cosa significhi per te e i tuoi clienti.

Cosa c'è di nuovo in Beaver Builder 2.10 Accessibilità

Grazie al feedback della nostra comunità e alla guida di esperti di Amber Hinds a Equalize Digital, il nostro team ha lavorato duramente per rendere Beaver Builder più accessibile che mai.

Molti di questi aggiornamenti sono resi possibili attraverso la nostra API di deprecazione , che ci consente di migliorare il markup e l'accessibilità nei nuovi moduli senza rompere i progetti esistenti. Ecco cosa sta cambiando:

Modulo di fisarmonica

• Tag HTML aggiornati per una semantica migliorata.
• Aumento delle dimensioni dell'anello di messa a fuoco per la visibilità.
• Ascoltatore di eventi modificato da keypress a keydown .
• Il tasto di fuga ora chiude le schede.
• Tutti gli elementi della fisarmonica si chiudono quando la messa a fuoco si sposta fuori.
• Attributi ARIA adeguati implementati.

Modulo cucciolo di contenuto

• Anello di messa a fuoco più chiaro sui collegamenti.
• Supporto per la preferenza di movimento ridotto.
• Autoplay prevenuto quando la messa a fuoco cambia.
• Aggiunti aria-label e attributi di ruolo.
• Navigazione per tastiera migliorata.
• Attenzione aggiunta alla navigazione a punti.
• Markup aggiornato utilizzando l'elenco e i tag dei pulsanti.

Modulo di galleria

• Sostituiti tag div con tag di elenco.
• Aggiunti ruoli ARIA per tag div deprecati.

Modulo di menu

• Navigazione per tastiera migliorata.
• Attributi e ruoli Aria migliorati.
• Dimensionamento delle icone di markup e sub-menu.

Modulo fotografico

• Passato a figcaption per didascalie, seguendo le migliori pratiche di accessibilità.

Modulo post

• Container modificato da div a ul .
• Aggiunta nuova opzione nel campo Post Container.

Post Slider & Post Carousel

• Le diapositive ora usano i tag di elenco.
• Navigazione e impaginazione Utilizzare tag pulsanti.
• Attributi Aria migliorati.
• Focus ora visibile su tutti i controlli.

Tutti i moduli post

• Collegamenti ridondanti nascosti dai lettori di screen e dalla navigazione della tastiera.

Modulo di schede

• Tag pulsanti utilizzati al posto di collegamenti/div.
• Attributi ARIA adeguati aggiunti.
• Le modifiche di markup si applicano solo ai nuovi moduli tramite API di deprecazione.

Modulo di testimonianze

• Cambiato da div a blockquote .
• Aggiunto supporto per la preferenza ridotta del movimento.
• Disponibile opzione di Pulsante Play/Pause.

Forme di riga

• Aggiunto titolo/descrizione generico per l'accessibilità.

Moduli con estratti

• Testo "Leggi di più" migliorato per un contesto migliore.

Compatibilità arretrata

Quando si migliora l'accessibilità, sappiamo che la stabilità è importante quanto il progresso. Ecco perché Beaver Builder 2.10 utilizza un approccio attento che bilancia i miglioramenti con la compatibilità all'indietro.

Ecco come funziona:

• API di deprecazione del modulo : quando apportiamo importanti modifiche al markup (come il passaggio da <div> ai tag <ul> ), tali aggiornamenti vengono introdotti in una nuova versione del modulo. Ciò significa che tutti i nuovi moduli aggiunti a una pagina includerà il markup migliorato, mentre i moduli esistenti rimangono invariati per evitare di rompere i layout.
• I moduli esistenti beneficiano ancora : anche quando creiamo una nuova versione del modulo, verifichiamo la versione esistente per migliorare gli attributi ARIA, la navigazione della tastiera e altre funzionalità di accessibilità non violazione. In altre parole, sia le versioni vecchie che quelle nuove ricevono miglioramenti dell'accessibilità, ma solo la nuova versione ottiene modifiche di markup.
• Non solo grandi modifiche : alcuni aggiornamenti non richiedono affatto una nuova versione del modulo. In questi casi, apportiamo miglioramenti diretti come la regolazione dei ruoli ARIA o garantire una corretta interazione della tastiera senza utilizzare l'API di deprecazione.
• Impegno costante : questo processo continuerà nelle versioni future. Ogni volta che le modifiche di markup richiedono una nuova versione del modulo, verificheremo anche il markup del modulo esistente, quindi l'accessibilità migliora costantemente tra i tuoi siti senza sacrificare la stabilità.

In breve, puoi aspettarti miglioramenti di accessibilità anche nei moduli attuali a volte attraverso sottili aggiornamenti di attributi piuttosto che un nuovo markup, preservando i layout e la compatibilità da cui dipendi.

Perché l'accessibilità è importante per il tuo sito web

L'accessibilità non riguarda solo la conformità; Si tratta di creare un web inclusivo in cui tutti possono impegnarsi completamente. Beaver Builder 2.10 aiuta a garantire un'esperienza più liscia e più chiara per tutti gli utenti, dai visitatori solo della tastiera a coloro che utilizzano i lettori di screen.

Rendendo il tuo sito inclusi, tu:

• Raggiungere un pubblico più ampio, comprese le persone con disabilità
• Migliorare l'esperienza SEO e utente, poiché l'accessibilità si sovrappone a buone pratiche di progettazione
• Assicurati la conformità, riducendo il rischio legale per te e i tuoi clienti

Dare la priorità all'accessibilità, non stai solo costruendo bellissimi siti Web, stai facendo una differenza significativa per ogni visitatore.

Perché scegliere Beaver Builder per il design accessibile

La costruzione di siti Web accessibili inizia con la fondazione. Beaver Builder 2.10 elimina le barriere di accessibilità comuni alla fonte. Ogni modulo viene fornito con markup semantico pulito e attributi ARIA propri, in modo da poter creare siti completamente accessibili senza uno sforzo extra.

"Bel lavoro Beaver Builder! Grazie per l'ascolto. Che grande miglioramento." - Ann Marie Gill

Con questi miglioramenti, puoi raggiungere un pubblico più ampio, migliorare la SEO e l'usabilità e ridurre i rischi legali, tutto fornendo un'esperienza inclusiva. Questo è solo l'inizio: l'accessibilità rimarrà una priorità e il team di Beaver Builder si impegna a fare ancora più progressi nell'anno a venire.

Inizia con il design accessibile

Vuoi immergersi più a fondo? Dai un'occhiata alla nostra guida sui suggerimenti di progettazione dell'accessibilità Web per le strategie pratiche che puoi utilizzare nei tuoi progetti di web design.

L'accessibilità è uno sforzo di squadra e il feedback della comunità aiuta a modellare la nostra tabella di marcia. Incoraggiamo tutti gli utenti a segnalare problemi di accessibilità attraverso i nostri canali di supporto in modo da poter continuare a migliorare Beaver Builder per tutti.