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

เผยแพร่แล้ว: 2022-03-29
10 วิธีในการปรับปรุงการเข้าถึงไซต์ WordPress ของคุณ

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

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

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

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

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

1. ทำให้เนื้อหาของคุณสามารถควบคุมได้ด้วยเสียง

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

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

2. คำนึงถึงตัวเลือกสีของคุณ

ผู้คนนับล้านทั่วโลกตาบอดสี ดังนั้นสีที่คุณใช้ควรคำนึงถึงความเป็นจริงนี้

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

3. ตรวจสอบให้แน่ใจว่าลิงก์ของคุณถูกขีดเส้นใต้

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

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

4. เพิ่มแท็ก Alt ให้กับรูปภาพ

เพื่อปรับปรุงการเข้าถึงเว็บไซต์ของคุณ คุณจะต้องพิจารณาเพิ่ม 'แท็ก alt' ให้กับรูปภาพทั้งหมดบนเว็บไซต์ของคุณ

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

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

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

5. อธิบายลิงก์ของคุณให้ชัดเจน

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

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

6. ทดสอบขนาดตัวอักษรของคุณบนหน้าจอต่างๆ

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

7. เพิ่มลิงค์เนื้อหาหลัก

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

ในการแก้ไขปัญหานี้ เมื่อสร้างไซต์ WordPress คุณจะต้องแทรกลิงก์ที่อนุญาตให้โปรแกรมอ่านหน้าจอข้ามไปยังเนื้อหาหลักในหน้าของคุณได้ ลิงก์นี้สามารถเพิ่มลงในคอลัมน์แรกของภาษามาร์กอัปไฮเปอร์เท็กซ์ (HTML) ได้

8. เสนอทางเลือกข้อความสำหรับเนื้อหาภาพและเสียง

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

9. เปิดใช้งานการจัดทำดัชนีแท็บ

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

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

9. เปิดใช้งานการจัดทำดัชนีแท็บ

10. ออกแบบเว็บไซต์สำหรับความเร็วอินเทอร์เน็ตต่ำ

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

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

คุณอาจคิดว่านั่นหมายถึงเว็บไซต์ของคุณควรเขียนด้วยข้อความ HTML เท่านั้น แต่ยังห่างไกลจากมัน มาตรฐานการไหลอาจรวมถึง:

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

บทสรุป

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