วิธีทำให้เว็บไซต์ WordPress สามารถเข้าถึงได้

เผยแพร่แล้ว: 2023-07-07

โพสต์นี้เขียนโดยแขกรับเชิญ Amber Hinds ซีอีโอของ Equalize Digital ซึ่งเป็น B Corporation ที่ได้รับการรับรองซึ่งเชี่ยวชาญด้านการเข้าถึง WordPress หากคุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ Equalize Digital และบริการต่างๆ โปรดไปที่เว็บไซต์ของบริษัท


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

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

ชายพิการทางสายตาฟังโทรศัพท์ของเขา

ในบทความนี้ ฉันจะกล่าวถึง:

  • การเข้าถึงเว็บคืออะไร?
  • เหตุใดการช่วยสำหรับการเข้าถึงจึงมีความสำคัญ
  • ปัญหาการช่วยสำหรับการเข้าถึงทั่วไปมีอะไรบ้าง
  • ทดสอบเว็บไซต์ WordPress เพื่อการเข้าถึง
  • ทำให้เว็บไซต์สามารถเข้าถึงได้

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

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

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

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

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

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

ทำไมการเข้าถึงจึงเป็นเรื่องสำคัญ

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

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

การจัดอันดับของเครื่องมือค้นหา

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

ยอดขายที่เพิ่มขึ้น

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

เป็นข้อกำหนดทางกฎหมาย

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

เว็บไซต์หน่วยงานรัฐบาลท้องถิ่น รัฐ และรัฐบาลกลาง และเว็บไซต์ใดๆ สำหรับองค์กรและโครงการที่ได้รับทุนสนับสนุนจากรัฐบาลกลางจะต้องเป็นไปตามมาตรฐานของมาตรา 508 นอกจากนี้ ยังมีกฎหมายของรัฐและกฎหมายระหว่างประเทศหลายฉบับที่กำหนดให้เว็บไซต์สามารถเข้าถึงได้

หากเว็บไซต์ไม่เป็นไปตามข้อกำหนดการช่วยสำหรับการเข้าถึงที่ระบุไว้ในหลักเกณฑ์เหล่านี้ องค์กรอาจเสี่ยงต่อการถูกฟ้องร้องหรือในบางกรณีอาจถูกปรับโดยรัฐบาล จากข้อมูลของ Usablenet ในปี 2020 มีการฟ้องร้องคดีการเข้าถึงเว็บไซต์ 3,550 คดีในสหรัฐอเมริกา การรักษาการปฏิบัติตามกฎหมายเป็นส่วนสำคัญของการทำธุรกิจ และการมีเว็บไซต์ที่สามารถเข้าถึงได้เป็นวิธีหนึ่งที่ธุรกิจสามารถปฏิบัติตามข้อผูกพันทางกฎหมายได้

ภาพลักษณ์ของแบรนด์

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

ปัญหาการช่วยสำหรับการเข้าถึงทั่วไปมีอะไรบ้าง

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

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

ข้อความแสดงแทนขาดหายไปหรือมีคุณภาพต่ำ

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

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

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

คอนทราสต์ของสีไม่เพียงพอ

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

Anchor Text ที่ไม่ชัดเจน

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

ไม่มีคำอธิบายภาพและการถอดเสียง

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

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

ทดสอบเว็บไซต์ WordPress เพื่อการเข้าถึง

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

การทดสอบการเข้าถึงอัตโนมัติ

การทดสอบการช่วยสำหรับการเข้าถึงอัตโนมัติดำเนินการด้วยเครื่องมือสแกน AI มีเครื่องมือฟรีและจ่ายเงินมากมายที่สามารถนำเสนอคุณสมบัติการสแกนการเข้าถึงที่หลากหลาย เมื่อเลือกเครื่องมืออัตโนมัติ สิ่งที่ควรทราบมีดังนี้

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

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

ปลั๊กอิน WordPress ตัวตรวจสอบการช่วยสำหรับการเข้าถึง

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

ตัวตรวจสอบการช่วยสำหรับการเข้าถึงสำหรับปลั๊กอิน WordPress

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

ภาพหน้าจอของการทดสอบการทำงานของปลั๊กอินตัวตรวจสอบการช่วยสำหรับการเข้าถึง

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

การทดสอบด้วยตนเอง

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

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

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

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

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

การทดสอบผู้ใช้

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

ผู้หญิงที่มีความบกพร่องทางสายตาที่ใช้แป้นพิมพ์อักษรเบรลล์

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

สรุป: การรักษาเว็บไซต์ให้สามารถเข้าถึงได้

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

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

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