การทำลายอุปสรรค: ทำไมการเข้าถึงเว็บไซต์ WordPress จึงเป็นกุญแจสำคัญ

การทำลายอุปสรรค: ทำไมการเข้าถึงเว็บไซต์ WordPress จึงเป็นกุญแจสำคัญ

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


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

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

หากคุณไม่เคยสนใจการเข้าถึงเว็บไซต์มาก่อนคุณควรจะเป็นตอนนี้ จากที่กล่าวมา!

การเข้าถึงเว็บไซต์คืออะไร?

เราใช้เวลาสักครู่เพื่อทำความเข้าใจกับสิ่งที่เรากำลังพูดถึง.

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

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

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

อินเทอร์เน็ตผ่านสายตาของผู้อื่น

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

  • ภาพ: ความบกพร่องรวมถึงการตาบอด, การมองเห็นต่ำชนิดต่าง ๆ และสายตาไม่ดี, ตาบอดสีชนิดต่าง ๆ.
  • มอเตอร์ / Mobility: เช่น. ความยากลำบากหรือไม่สามารถที่จะใช้มือรวมถึงการสั่นกล้ามเนื้อช้าการสูญเสียการควบคุมกล้ามเนื้อละเอียด ฯลฯ เนื่องจากเงื่อนไขต่าง ๆ เช่นโรคพาร์กินสันโรคกล้ามเนื้อเสื่อมสมองพิการอัมพาต.
  • ห้องประชุม: หูหนวกหรือบกพร่องทางการได้ยินรวมถึงบุคคลที่หูตึง.
  • ชัก: อาการชักโรคลมชักจากภาพถ่ายที่เกิดจากแสงแฟลชหรือเอฟเฟกต์กะพริบ.
  • องค์ความรู้ / ทางปัญญา: พัฒนาการด้านความพิการ, ความบกพร่องทางการเรียนรู้ (dyslexia, dyscalculia, ฯลฯ ), และความบกพร่องทางสติปัญญาของต้นกำเนิดต่าง ๆ , ส่งผลกระทบต่อความจำ, ความสนใจ,“ ครบกำหนด”, ทักษะการแก้ปัญหาและตรรกะ ฯลฯ.

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

เครื่องมือการเข้าถึงอินเทอร์เน็ตยอดนิยม

เมื่อพูดถึงเทคโนโลยีช่วยเหลือนี่คือตัวเลือกปลั๊กอินการเข้าถึงอินเทอร์เน็ตยอดนิยมที่มักใช้:

  • ซอฟต์แวร์ตัวอ่านหน้าจอ ที่ใช้การสังเคราะห์เสียงพูดเพื่ออ่านสิ่งที่เกิดขึ้นบนคอมพิวเตอร์.
  • แสดงอักษรเบรลล์รีเฟรช ที่แสดงข้อความเป็นตัวอักษรเบรลล์.
  • ซอฟต์แวร์การขยายหน้าจอ ที่ขยายสิ่งที่กำลังแสดงบนจอภาพ.
  • ซอฟต์แวร์รู้จำเสียงe ที่เปลี่ยนเสียงเป็นข้อความ.
  • โอเวอร์เลย์คีย์บอร์ด เพื่อให้การพิมพ์ง่ายขึ้นและแม่นยำยิ่งขึ้น

และใช่แม้กระทั่งแอพสำหรับสิ่งนั้น:

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

วิธีเลือกธีม WordPress ที่เข้าถึงได้

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

การทดสอบการเข้าถึง WAVE

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

WordPress.org ไดเรกทอรีธีมหลัก

นอกจากนี้คุณยังสามารถค้นหาธีมที่สามารถเข้าถึงได้ฟรีใน WordPress.org, เพียงคลิก ธีมส์ ลิงค์เมนูที่ด้านบนของหน้าเพื่อเปิด Theme Directory มองหาเมนูย่อยที่ชื่อ คุณสมบัติตัวกรอง. มันจะมีอุปกรณ์เล็กน้อยอยู่ข้างๆ คลิกที่.

สิ่งนี้จะเปิดตัวเลือกมากมายให้คุณเลือกเมื่อกรองการค้นหาของคุณ ภายใต้ คุณสมบัติ, คลิกคุณสมบัติที่ยอดเยี่ยมซึ่งคุณเดาได้ พร้อมสำหรับการเข้าถึง.

WordPress.org ตัวกรองการเข้าถึงไดเรกทอรีธีมหลัก

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

ธีม WordPress.org สำหรับการเข้าถึงที่พร้อมใช้งาน

คุณมาถึงปลายทางแล้ว โปรดนั่งต่อจนกว่ารถจะหยุดสนิทและประตูเปิดเต็มที่ จากนั้นเลือกธีม.

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

ฟรีปลั๊กอินการแก้ปัญหา WordPress สำหรับการเข้าถึง

การเข้าถึง WP

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

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

WP Accessibility Helper (WAH) เป็นอีกหนึ่งตัวเลือกทั้งหมดที่มีโฮสต์ของคุณสมบัติที่มีประโยชน์สำหรับลิงค์ข้าม, ปรับขนาดตัวอักษร, สแกน DOM, โหมดความคมชัด ฯลฯ เป็นวิธีที่รวดเร็วในการเพิ่มจำนวนคุณสมบัติที่เข้าถึงได้ในเว็บไซต์ของคุณในคราวเดียว.

คนอื่น ๆ ที่คุณอาจต้องการชำระเงินตอบสนองความต้องการการเข้าถึงที่เฉพาะเจาะจงมากขึ้น.

แบบอักษรที่เข้าถึงได้

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

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

ข้อความเป็นคำพูด

สำหรับผู้อ่านที่มีความบกพร่องทางสายตาต้องมีตัวเลือกเสียง หนึ่งปลั๊กอินที่ฉันชอบคือ ลำโพง – Page to Speech. ปลั๊กอินนี้สามารถสร้างรุ่นเสียงของโพสต์และหน้าของคุณ สิ่งที่ดีที่สุดคือปลั๊กอินที่ให้เสียงคุณภาพดีถึง 190 แบบให้เลือกรองรับมากกว่า 30 ภาษาและใช้งานได้ดีกับธีมส่วนใหญ่.

GSpeech Text To Speech Solution เป็นตัวเลือกฟรีสำหรับการเข้าถึงเสียง มันทำงานร่วมกับข้อความใด ๆ บนหน้าของคุณและเพิ่มบล็อกเสียงในเว็บไซต์ของคุณ จากนั้นคุณสามารถใช้ตัวเลือกเพื่อเปลี่ยนสีเสียงของลำโพงและอื่น ๆ.

รูปแบบ

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

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

ทดสอบการเข้าถึงเว็บไซต์ของคุณ

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

เครื่องมือประเมินการเข้าถึงเว็บของ WAVE

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

เครื่องมือสำหรับการเข้าถึง tota11y

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

ข้อสรุป

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map