Accesibilitatea Beaver Builder a fost o prioritate în următoarea noastră versiune 2.10, iar rezultatele vorbesc de la sine.

Conform egalizării comparatării de accesibilitate a constructorului de pagini WordPress de la Egalize Digital, scorul de accesibilitate al Beaver Builder a sărit de la 48% la 68% , mutându -ne în treimea superioară a constructorilor de pagini WordPress . Această îmbunătățire în 20 de puncte reflectă angajamentul nostru de a vă ajuta să construiți site-uri web incluzive care funcționează pentru fiecare vizitator.

„Toți (la Beaver Builder) ați pus la muncă și se arată! O treabă grozavă și vă mulțumesc că ați prioritizat accesibilitatea!” - Amber Hinds

Expertul de accesibilitate Amber Hinds și echipa ei au evaluat constructorii de pagini împotriva standardelor de accesibilitate din lumea reală. Raportul lor evidențiază în cazul în care constructorii reușesc sau nu se încadrează în a face conținutul utilizabil pentru persoanele cu dizabilități. Suntem încântați că progresul nostru este măsurabil și și mai încântat de ceea ce înseamnă acest lucru pentru dvs. și pentru clienții dvs.

Ce este nou în Beaver Builder 2.10 Accesibilitate

Datorită feedback -ului din partea comunității noastre și a îndrumării experților de la Amber Hinds de la Egalize Digital, echipa noastră a muncit din greu pentru a face Beaver Builder mai accesibil ca niciodată.

Multe dintre aceste actualizări sunt posibile prin API -ul nostru de depreciere , ceea ce ne permite să îmbunătățim marcarea și accesibilitatea în noi module, fără a încălca modelele existente. Iată ce se schimbă:

Modul de acordeon

• Etichete HTML actualizate pentru semantică îmbunătățită.
• Mărimea crescută a inelului de focalizare pentru vizibilitate.
• Ascultătorul de evenimente modificat de keypress la keydown .
• Cheia Escape închide acum filele.
• Toate elementele de acordeon se închid atunci când focalizarea se deplasează afară.
• Atribute aria corecte implementate.

Modul de glisare de conținut

• Inel de focalizare mai clar pe legături.
• Suport pentru preferințe cu mișcare redusă.
• A prevenit autoplay -ul atunci când focalizarea se schimbă.
• A adăugat atribute aria-label și rol.
• Navigare îmbunătățită cu tastatură.
• Focus adăugat la navigarea Dot Slider.
• Marcare actualizată folosind etichete de listă și buton.

Modulul de galerie

• Etichete div înlocuite cu etichete de listă.
• S -au adăugat roluri de Aria pentru etichetele div deprecate.

Modul de meniu

• Navigare îmbunătățită cu tastatură.
• Îmbunătățirea atributelor și rolurilor Aria.
• Markup ajustat și dimensionarea pictogramei sub-menu.

Modul foto

• A trecut la figcaption pentru subtitrări, în urma accesibilității cele mai bune practici de accesibilitate.

Modul postări

• A schimbat containerul de la div la ul .
• A adăugat o nouă opțiune în câmpul de containere post.

Postează glisor și postează carusel

• Diapozitivele folosesc acum etichete de listă.
• Navigare și paginare de utilizare a butonului.
• Atribute aria îmbunătățite.
• Concentrați -vă acum vizibil pe toate controalele.

Toate modulele postări

• Link -uri redundante ascunse de cititorii de ecran și navigarea tastaturii.

Modulul file

• Etichete de buton utilizate în loc de link -uri/divs.
• Atribute aria adecvate adăugate.
• Modificările de marcare se aplică numai la noile module prin API de depreciere.

Modul de mărturii

• Schimbat de la div la blockquote .
• S-a adăugat suport pentru preferințele cu mișcare redusă.
• Opțiunea de buton de redare nouă/pauză disponibilă.

Forme de rând

• Adăugat titlu/descriere generică pentru accesibilitate.

Module cu extrase

• Îmbunătățirea textului „citiți mai mult” pentru un context mai bun.

Compatibilitate înapoi

Atunci când îmbunătățim accesibilitatea, știm că stabilitatea este la fel de importantă ca și progresul. De aceea, Beaver Builder 2.10 folosește o abordare atentă care echilibrează îmbunătățirile cu compatibilitatea înapoi.

Iată cum funcționează:

• API -ul de depreciere a modulului : Când facem modificări majore de marcare (cum ar fi trecerea de la etichete <div> la <ul> ), aceste actualizări sunt introduse într -o nouă versiune a modulului. Aceasta înseamnă că orice module noi pe care le adăugați la o pagină va include marcajul îmbunătățit, în timp ce modulele dvs. existente rămân neschimbate pentru a evita ruperea machetei.
• Modulele existente beneficiază în continuare : chiar și atunci când creăm o nouă versiune a modulului, audităm versiunea existentă pentru a îmbunătăți atributele ARIA, navigarea tastaturii și alte funcții de accesibilitate care nu este de rupere. Cu alte cuvinte, atât versiunile vechi, cât și cele noi primesc îmbunătățiri de accesibilitate, dar numai noua versiune primește modificări de marcare.
• Nu doar schimbări mari : unele actualizări nu necesită deloc o versiune nouă a modulului. În aceste cazuri, realizăm îmbunătățiri directe, cum ar fi ajustarea rolurilor ARIA sau asigurarea interacțiunii adecvate a tastaturii fără a utiliza API -ul deprecierii.
• Angajament continuu : Acest proces va continua în versiunile viitoare. Ori de câte ori modificările de marcare necesită o nouă versiune a modulului, vom audita și marcajul modulului existent, astfel încât accesibilitatea se îmbunătățește constant pe site -urile dvs. fără a sacrifica stabilitatea.

Pe scurt, vă puteți aștepta la îmbunătățiri de accesibilitate chiar și în modulele dvs. actuale, uneori prin actualizări subtile ale atributului, mai degrabă decât noua marcare, păstrând în același timp machete și compatibilitate de care depindeți.

De ce accesibilitatea contează pentru site -ul dvs. web

Accesibilitatea nu se referă doar la conformitate; Este vorba despre crearea unui web incluziv în care toată lumea se poate implica pe deplin. Beaver Builder 2.10 ajută la asigurarea unei experiențe mai ușoare și mai clare pentru toți utilizatorii, de la vizitatori doar cu tastatură până la cei care folosesc cititori de ecran.

Făcând site -ul dvs. inclus, tu:

• Ajunge la o audiență mai largă, inclusiv persoane cu dizabilități
• Îmbunătățiți SEO și experiența utilizatorului, deoarece accesibilitatea se suprapune cu bune practici de proiectare
• Asigurați -vă conformitatea, reducerea riscului legal pentru dvs. și clienții dvs.

Prin prioritizarea accesibilității, nu construiți doar site -uri de site -uri frumoase, faceți o diferență semnificativă pentru fiecare vizitator.

De ce să alegeți Beaver Builder pentru design accesibil

Construirea site -urilor accesibile începe cu fundația. Beaver Builder 2.10 elimină barierele comune de accesibilitate la sursă. Fiecare modul este dotat cu marcaj semantic curat și atribute aria adecvate, astfel încât să puteți crea site -uri complet accesibile fără efort suplimentar.

"Frumos de lucru Beaver Builder! Mulțumesc pentru ascultare. Ce îmbunătățire excelentă." - Ann Marie Gill

Cu aceste îmbunătățiri, puteți ajunge la o audiență mai largă, să îmbunătățiți SEO și capacitatea de utilizare și să reduceți riscurile legale, toate oferind în același timp o experiență incluzivă. Acesta este doar începutul: accesibilitatea va rămâne o prioritate, iar echipa Beaver Builder se angajează să facă și mai multe progrese în anul următor.

Începeți cu un design accesibil

Vrei să te scufunzi mai adânc? Consultați ghidul nostru cu privire la sfaturile de proiectare a accesibilității web pentru strategii practice pe care le puteți utiliza în proiectele dvs. de proiectare web.

Accesibilitatea este un efort în echipă, iar feedback -ul comunității ajută la modelarea foii de parcurs. Încurajăm toți utilizatorii să raporteze probleme de accesibilitate prin canalele noastre de asistență, astfel încât să putem continua să îmbunătățim Beaver Builder pentru toată lumea.