วิธีรวมการเข้าถึงเว็บเข้ากับไซต์ WordPress ของคุณ

เผยแพร่แล้ว: 2020-02-15

WordPress เป็นแพลตฟอร์มสร้างเว็บไซต์ที่ได้รับความนิยมมากที่สุด จากข้อมูลของ W3techs พบว่า 35.7% ของเว็บไซต์ทั้งหมดใช้ WordPress ซึ่งทำให้มีส่วนแบ่งการตลาดระบบจัดการเนื้อหา (CMS) ถึง 62.5% ทั่วโลก

อย่างไรก็ตาม เมื่อสร้างเว็บไซต์ WP การเข้าถึงเว็บอาจเป็นสิ่งสุดท้ายที่คุณนึกถึง

แต่มาตรฐานการเข้ารหัสการเข้าถึงของ WordPress ระบุว่า “ รหัสใหม่หรือที่อัปเดตทั้งหมดที่เผยแพร่ใน WordPress จะต้องสอดคล้องกับแนวทางการเข้าถึงเนื้อหาเว็บ 2.0 ที่ระดับ AA ”

กล่าวอีกนัยหนึ่ง การช่วยสำหรับการเข้าถึงเป็นปัจจัยสำคัญหากคุณมีเว็บไซต์ WP

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

ก. เสาหลักสี่ประการของการเข้าถึงเว็บ

World Wide Web Consortium (W3C) ซึ่งพัฒนามาตรฐานสากลสำหรับเว็บ ได้นำเสนอหลักการการเข้าถึงเว็บสี่ประการดังต่อไปนี้:

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

B. แนวทางปฏิบัติที่ดีที่สุดสำหรับการเข้าถึงเว็บ WordPress

โดยคำนึงถึงหลักการข้างต้น คุณสามารถทำตามขั้นตอนต่อไปนี้เพื่อให้ไซต์ WordPress ของคุณสามารถเข้าถึงได้โดยผู้พิการ:

ปรับปรุงการช่วยสำหรับการเข้าถึงข้อความ

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

นอกจากนี้ อย่าลืมเพิ่มทางเลือกข้อความ เช่น Alt Tags เมื่อจำเป็น การช่วยการเข้าถึง WP เป็นหนึ่งในปลั๊กอินการช่วยสำหรับการเข้าถึงของ WordPress ที่สามารถช่วยคุณเพิ่มข้อความที่ปรับขนาดได้ ความคมชัดของสี เพิ่มชื่อบทความเพื่ออ่านลิงก์เพิ่มเติม และจัดเตรียมข้อความแสดงแทนที่เหมาะสม

โครงสร้างด้านหน้าและด้านหลัง

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

ตรวจสอบให้แน่ใจว่าใช้รายการหัวข้อย่อย ย่อหน้าสั้นๆ และเนื้อหาที่มีการจัดระเบียบอย่างดีและตรงประเด็น จะช่วยปรับปรุงส่วนหน้า คุณควรใช้พาดหัวและหัวเรื่องที่เหมาะสมเพื่อกำหนดส่วนย่อยของเนื้อหาต่างๆ หลีกเลี่ยงการใช้ภาพเคลื่อนไหวและ GIF ที่ฉูดฉาด เนื่องจากไม่เหมาะสำหรับการเข้าถึง

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

การนำทางด้วยแป้นพิมพ์เพื่อการโต้ตอบที่ดียิ่งขึ้น

คุณต้องตรวจสอบให้แน่ใจด้วยว่าเว็บไซต์ของคุณสามารถใช้งานคีย์บอร์ดได้ ควรมีลิงก์และเมนู โดยเฉพาะอย่างยิ่งเมนูแบบเลื่อนลง ผู้ใช้ทุกคนควรสามารถเข้าถึงองค์ประกอบต่างๆ เช่น ลิงก์ เมนู ปุ่ม และแบบฟอร์มโดยใช้ Tab (ไปข้างหน้า) และ Shift+Tab (ย้อนกลับ)

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

เพิ่มสถานที่สำคัญของ ARIA

ARIA ย่อมาจากการเข้าถึง Rich Internet Applications ด้วยบทบาทหลักของ ARIA คุณสามารถกำหนดภูมิภาคต่างๆ ของหน้าเว็บได้ ทำให้ผู้ใช้เทคโนโลยีอำนวยความสะดวกสามารถไปยังส่วนต่างๆ ของเว็บไซต์ของคุณได้อย่างง่ายดาย

บทบาทหลักสำคัญของ ARIA ได้แก่ แบนเนอร์ หลัก ส่วนเสริม ข้อมูลเนื้อหา การค้นหา และการนำทาง

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

ข้อได้เปรียบที่ดีที่สุดของการใช้จุดสังเกต ARIA คือสามารถทำงานกับองค์ประกอบ HTML5 ที่มีความหมายอยู่แล้ว ด้วยเหตุนี้ คุณสามารถใช้องค์ประกอบเหล่านี้กับองค์ประกอบ HTML5 ในธีม WordPress ที่มีอยู่ได้

องค์ประกอบแบบโต้ตอบ: ความคมชัดของสี

สำหรับองค์ประกอบแบบโต้ตอบ เช่น CTA และแบบฟอร์ม ให้ใช้สีคอนทราสต์สูงเป็นพื้นหลังข้อความเสมอ ในขณะที่ WCAG 2.0 ระดับ AA ต้องการอัตราส่วนคอนทราสต์อย่างน้อย 4:5:1 สำหรับข้อความปกติและ 3: 1 สำหรับข้อความขนาดใหญ่ ระดับ AAA ต้องใช้อัตราส่วนคอนทราสต์อย่างน้อย 7:1 สำหรับข้อความปกติ และ 4:5: 1 สำหรับข้อความขนาดใหญ่

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

คำพรากจากกัน

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

นอกจากการถอดเสียงวิดีโอ คำอธิบายเสียง และคำอธิบายภาพแล้ว อย่าลืมใช้โปรแกรมเล่นสื่อที่เข้าถึงได้ คุณสามารถใช้ปลั๊กอินอย่าง Able Player ซึ่งช่วยให้คุณสามารถเพิ่มวิดีโอและไฟล์เสียงที่อยู่ในโปรแกรมเล่นสื่อที่สามารถเข้าถึงได้บนหน้าใดๆ ของไซต์ WordPress ของคุณ

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

หากคุณยังมีข้อสงสัยเกี่ยวกับวิธีการทำให้ไซต์ WordPress ของคุณสามารถเข้าถึงได้ โปรดทิ้งคำถามของคุณในความคิดเห็น