การเข้าถึง Beaver Builder เป็นสิ่งสำคัญอันดับต้น ๆ ในการเปิดตัว 2.10 ที่กำลังจะมาถึงของเราและผลลัพธ์ก็พูดด้วยตนเอง

จากการเปรียบเทียบการเข้าถึงการเข้าถึงการสร้างหน้า WordPress ของ Digital Digital Digital คะแนนการเข้าถึงของ BEAVER BUILDER เพิ่มขึ้นจาก 48% เป็น 68% ทำให้เราเข้าสู่ อันดับสามของผู้สร้างหน้า WordPress การปรับปรุง 20 จุดนี้สะท้อนให้เห็นถึงความมุ่งมั่นของเราในการช่วยคุณสร้างเว็บไซต์รวมที่ทำงานให้กับผู้เข้าชมทุกคน

“ คุณทุกคน (ที่ Beaver Builder) ได้ทำงานและมันแสดงให้เห็นว่ายอดเยี่ยมมากและขอขอบคุณสำหรับการจัดลำดับความสำคัญการเข้าถึง!” - Amber Hinds

ผู้เชี่ยวชาญด้านการเข้าถึง Amber Hinds และทีมของเธอประเมินผู้สร้างหน้าเพื่อมาตรฐานการเข้าถึงในโลกแห่งความเป็นจริง รายงานของพวกเขาเน้นที่ผู้สร้างประสบความสำเร็จหรือขาดการทำให้เนื้อหาใช้งานได้สำหรับคนพิการ เรารู้สึกตื่นเต้นที่ความคืบหน้าของเราสามารถวัดได้และตื่นเต้นมากขึ้นเกี่ยวกับความหมายของคุณและลูกค้าของคุณ

มีอะไรใหม่ใน Beaver Builder 2.10 การเข้าถึง

ต้องขอบคุณข้อเสนอแนะจากชุมชนและคำแนะนำจากผู้เชี่ยวชาญของเราจาก Amber Hinds ที่ Equalize Digital ทีมงานของเราทำงานอย่างหนักเพื่อให้ผู้สร้างบีเวอร์เข้าถึงได้ง่ายขึ้นกว่าเดิม

การอัปเดตเหล่านี้จำนวนมากสามารถทำได้ผ่าน API การเสื่อมราคา ของเราซึ่งช่วยให้เราปรับปรุงมาร์กอัปและการเข้าถึงในโมดูลใหม่โดยไม่ทำลายการออกแบบที่มีอยู่ นี่คือสิ่งที่เปลี่ยนแปลง:

โมดูลหีบเพลง

• อัปเดตแท็ก HTML สำหรับความหมายที่ดีขึ้น
• เพิ่มขนาดวงแหวนโฟกัสสำหรับการมองเห็น
• เปลี่ยนผู้ฟังเหตุการณ์จาก keypress เป็น keydown
• Escape Key ตอนนี้ปิดแท็บ
• รายการหีบเพลงทั้งหมดปิดเมื่อโฟกัสเคลื่อนออกไปข้างนอก
• คุณลักษณะของ ARIA ที่เหมาะสม

โมดูลตัวเลื่อนเนื้อหา

• วงแหวนโฟกัสที่ชัดเจนยิ่งขึ้นบนลิงก์
• สนับสนุนการตั้งค่าการเคลื่อนไหวลดลง
• ป้องกันการเล่นอัตโนมัติเมื่อโฟกัสเปลี่ยนแปลง
• เพิ่ม aria-label และคุณลักษณะบทบาท
• ปรับปรุงการนำทางแป้นพิมพ์
• โฟกัสเพิ่มไปยังการนำทาง DOT แบบเลื่อน
• อัปเดตมาร์กอัปโดยใช้รายการและแท็กปุ่ม

โมดูลแกลเลอรี่

• แทนที่แท็ก div ด้วยแท็กรายการ
• เพิ่มบทบาท ARIA สำหรับแท็ก div ที่เลิกใช้แล้ว

โมดูลเมนู

• การนำทางแป้นพิมพ์ที่ปรับปรุงแล้ว
• คุณลักษณะและบทบาทของ ARIA ที่ได้รับการปรับปรุง
• มาร์กอัปที่ปรับแล้วและขนาดไอคอนย่อย

โมดูลภาพถ่าย

• เปลี่ยนเป็น figcaption สำหรับคำอธิบายภาพตามแนวทางปฏิบัติที่ดีที่สุดในการเข้าถึง

โมดูลโพสต์

• เปลี่ยนภาชนะจาก div เป็น ul
• เพิ่มตัวเลือกใหม่ในฟิลด์โพสต์คอนเทนเนอร์

โพสต์สไลด์และม้าหมุนโพสต์

• ตอนนี้สไลด์ใช้แท็กรายการ
• แท็กปุ่มนำทางและการแบ่งเพิง
• คุณลักษณะของ ARIA ที่ได้รับการปรับปรุง
• ตอนนี้มุ่งเน้นไปที่การควบคุมทั้งหมด

โมดูลโพสต์ทั้งหมด

• ลิงก์ซ้ำซ้อนที่ซ่อนอยู่จากตัวอ่านหน้าจอและการนำทางแป้นพิมพ์

แท็บโมดูล

• แท็กปุ่มใช้แทนลิงก์/divs
• เพิ่มแอตทริบิวต์ Aria ที่เหมาะสม
• การเปลี่ยนแปลงมาร์กอัปจะใช้กับโมดูลใหม่ผ่าน API Deprecation เท่านั้น

โมดูลข้อความรับรอง

• เปลี่ยนจาก div เป็น blockquote
• เพิ่มการสนับสนุนสำหรับการตั้งค่าการเคลื่อนไหวที่ลดลง
• ตัวเลือกปุ่มเล่น/หยุดชั่วคราวใหม่พร้อมใช้งาน

รูปร่างแถว

• เพิ่มชื่อเรื่อง/คำอธิบายทั่วไปเพื่อการเข้าถึง

โมดูลที่มีข้อความที่ตัดตอนมา

• ปรับปรุงข้อความ“ อ่านเพิ่มเติม” เพื่อบริบทที่ดีขึ้น

ความเข้ากันได้ย้อนหลัง

เมื่อปรับปรุงการเข้าถึงเรารู้ว่าความมั่นคงมีความสำคัญเท่ากับความคืบหน้า นั่นเป็นเหตุผลที่ Beaver Builder 2.10 ใช้วิธีการอย่างระมัดระวังที่สมดุลการปรับปรุงด้วยความเข้ากันได้แบบย้อนหลัง

นี่คือวิธีการทำงาน:

• โมดูล Deprecation API : เมื่อเราทำการเปลี่ยนแปลงมาร์กอัปที่สำคัญ (เช่นการสลับจาก <div> เป็น <ul> แท็ก) การอัปเดตเหล่านั้นจะถูกนำมาใช้ในโมดูลเวอร์ชันใหม่ ซึ่งหมายความว่า โมดูลใหม่ ที่คุณเพิ่มลงในหน้าจะรวมมาร์กอัปที่ปรับปรุงแล้วในขณะที่โมดูลที่มีอยู่ของคุณยังคงไม่เปลี่ยนแปลงเพื่อหลีกเลี่ยงการทำลายเลย์เอาต์ของคุณ
• โมดูลที่มีอยู่ยังคงได้รับประโยชน์ : แม้ว่าเราจะสร้างรุ่นโมดูลใหม่เราตรวจสอบเวอร์ชันที่มีอยู่เพื่อปรับปรุงแอตทริบิวต์ Aria การนำทางแป้นพิมพ์และคุณสมบัติการเข้าถึงที่ไม่ใช่การทำลายอื่น ๆ กล่าวอีกนัยหนึ่งทั้งรุ่นเก่าและใหม่จะได้รับการปรับปรุงการเข้าถึง แต่มีเพียงเวอร์ชันใหม่เท่านั้นที่ได้รับการเปลี่ยนแปลงมาร์กอัป
• ไม่ใช่แค่การเปลี่ยนแปลงครั้งใหญ่ : การอัปเดตบางอย่างไม่จำเป็นต้องมีรุ่นโมดูลใหม่เลย ในกรณีเหล่านี้เราทำการปรับปรุงโดยตรงเช่นการปรับบทบาท ARIA หรือสร้างความมั่นใจว่าการโต้ตอบของแป้นพิมพ์ที่เหมาะสมโดยไม่ต้องใช้ API ที่เสื่อมราคา
• ความมุ่งมั่นอย่างต่อเนื่อง : กระบวนการนี้จะดำเนินต่อไปในการเผยแพร่ในอนาคต เมื่อใดก็ตามที่การเปลี่ยนแปลงมาร์กอัปต้องใช้เวอร์ชันโมดูลใหม่เราจะตรวจสอบมาร์กอัปโมดูลที่มีอยู่ด้วยดังนั้นการเข้าถึงได้ดีขึ้นอย่างต่อเนื่องในเว็บไซต์ของคุณโดยไม่ลดความมั่นคง

ในระยะสั้นคุณสามารถคาดหวังการปรับปรุงการเข้าถึงได้แม้ในโมดูลปัจจุบันของคุณบางครั้งผ่านการอัปเดตแอตทริบิวต์ที่ละเอียดอ่อนแทนที่จะเป็นมาร์กอัปใหม่ทั้งหมดในขณะที่รักษาเค้าโครงและความเข้ากันได้ที่คุณพึ่งพา

เหตุใดการเข้าถึงจึงมีความสำคัญสำหรับเว็บไซต์ของคุณ

การเข้าถึงไม่ได้เกี่ยวกับการปฏิบัติตาม มันเกี่ยวกับการสร้างเว็บแบบรวมที่ทุกคนสามารถมีส่วนร่วมได้อย่างเต็มที่ Beaver Builder 2.10 ช่วยให้มั่นใจได้ว่าประสบการณ์ที่ราบรื่นและชัดเจนยิ่งขึ้นสำหรับผู้ใช้ทุกคนตั้งแต่ผู้เข้าชมคีย์บอร์ดเท่านั้นไปจนถึงผู้ที่ใช้เครื่องอ่านหน้าจอ

โดยทำให้เว็บไซต์ของคุณครอบคลุมคุณ:

• เข้าถึงผู้ชมที่กว้างขึ้นรวมถึงคนพิการ
• ปรับปรุง SEO และประสบการณ์ผู้ใช้เนื่องจากการเข้าถึงซ้อนทับกับแนวทางการออกแบบที่ดี
• ตรวจสอบให้แน่ใจว่ามีการปฏิบัติตามกฎระเบียบลดความเสี่ยงทางกฎหมายสำหรับคุณและลูกค้าของคุณ

โดยการจัดลำดับความสำคัญการเข้าถึงคุณไม่เพียง แต่สร้างเว็บไซต์ที่สวยงามคุณกำลังสร้างความแตกต่างที่มีความหมายสำหรับผู้เข้าชมทุกคน

ทำไมต้องเลือก Beaver Builder สำหรับการออกแบบที่เข้าถึงได้

การสร้างเว็บไซต์ที่เข้าถึงได้เริ่มต้นด้วยรากฐาน BEAVER BUILDER 2.10 กำจัดอุปสรรคการเข้าถึงทั่วไปที่แหล่งกำเนิด โมดูลทุกโมดูลมาพร้อมกับมาร์กอัปความหมายที่สะอาดและคุณลักษณะ ARIA ที่เหมาะสมดังนั้นคุณสามารถสร้างเว็บไซต์ที่เข้าถึงได้อย่างเต็มที่โดยไม่ต้องใช้ความพยายามเป็นพิเศษ

“ ผู้สร้างบีเวอร์ทำงานได้ดี! ขอบคุณที่ฟังการปรับปรุงที่ยอดเยี่ยม” ช่างเป็นการปรับปรุงที่ยอดเยี่ยม” - Ann Marie Gill

ด้วยการปรับปรุงเหล่านี้คุณสามารถเข้าถึงผู้ชมที่กว้างขึ้นปรับปรุง SEO และการใช้งานและลดความเสี่ยงทางกฎหมายทั้งหมดในขณะที่มอบประสบการณ์ที่ครอบคลุม นี่เป็นเพียงจุดเริ่มต้น: ความสามารถในการเข้าถึงจะยังคงมีความสำคัญและทีม Beaver Builder มุ่งมั่นที่จะก้าวหน้ามากขึ้นในปีหน้า

เริ่มต้นด้วยการออกแบบที่เข้าถึงได้

ต้องการดำน้ำลึก? ตรวจสอบคำแนะนำของเราเกี่ยวกับเคล็ดลับการออกแบบการเข้าถึงเว็บสำหรับกลยุทธ์การปฏิบัติที่คุณสามารถใช้ในโครงการออกแบบเว็บของคุณ

การเข้าถึงเป็นความพยายามของทีมและคำติชมของชุมชนช่วยกำหนดแผนงานของเรา เราขอแนะนำให้ผู้ใช้ทุกคนรายงานปัญหาการเข้าถึงผ่านช่องทางสนับสนุนของเราเพื่อให้เราสามารถปรับปรุง Beaver Builder สำหรับทุกคนต่อไป