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

เผยแพร่แล้ว: 2022-05-30

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

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

หากธุรกิจของคุณทำงานในสหรัฐอเมริกา แสดงว่าเว็บไซต์ของคุณควรเป็นไปตามข้อกำหนดของ ADA (American with Disabilities Act) การละเมิดกฎหมายนี้อาจทำให้บริษัทต้องเสียค่าปรับตั้งแต่ $15,000 ถึง $100,000 โดยไม่รวมจำนวนเงินที่จำเป็นในการแก้ไขปัญหา นั่นคือเหตุผลที่การติดตามการเข้าถึงเว็บไซต์เป็นสิ่งสำคัญสำหรับธุรกิจของคุณ และเราจะบอกวิธีปรับปรุงการเข้าถึงเว็บไซต์ของธุรกิจโดยละเอียดด้านล่าง

ความพร้อมใช้งานของไซต์คืออะไรและจะตรวจสอบได้อย่างไร

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

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

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

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

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

Website Design

5 วิธีในการปรับปรุงการเข้าถึงเว็บไซต์ธุรกิจ

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

1. ทดสอบเว็บไซต์ของคุณ

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

2. เพิ่มประสิทธิภาพเว็บไซต์ UX

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

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

3. เลือกภาพสำหรับผู้พิการทางสายตา

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

4. ระบุข้อความทางเลือก

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

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

หากคุณต้องการซ่อนองค์ประกอบตกแต่งสำหรับโปรแกรมอ่านหน้าจออย่างสมบูรณ์ คุณสามารถใช้แอตทริบิวต์ aria-hidden=”true” บนองค์ประกอบ HTML ได้

5. ลดความซับซ้อนของการนำทาง

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

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