รายการตรวจสอบการช่วยสำหรับการเข้าถึงเว็บไซต์ SaaS

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

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

การช่วยสำหรับการเข้าถึงเป็นส่วนสำคัญของการออกแบบประสบการณ์ผู้ใช้ที่ทันสมัย ​​สำหรับทั้งเว็บไซต์ SaaS และผลิตภัณฑ์ของคุณ การทำซ้ำล่าสุดของ Web Content Accessibility Guidelines (WCAG) 2.1 โดย World Wide Web Consortium (W3C) ครอบคลุมคำแนะนำมากมายสำหรับการทำให้เนื้อหาเว็บสามารถเข้าถึงได้มากขึ้น

เหตุใดจึงต้องทำให้เว็บไซต์ SaaS ของคุณสามารถเข้าถึงได้

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

• จากข้อมูลของ WHO ผู้ที่มีความทุพพลภาพบางประเภทคิดเป็น 15% ของประชากรโลก
• ผู้ใหญ่หนึ่งในสี่หรือ 61 ล้านคนในสหรัฐอเมริกามีความพิการ

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

นอกจากนี้ การไม่ให้ SaaS ของคุณเข้าถึงได้สามารถดึงดูดการฟ้องร้องที่มีค่าใช้จ่ายสูงได้

• ปี 2018 มีการฟ้องร้องคดี ADA ของรัฐบาลกลางเพิ่มขึ้น 181% ในปี 2560
• จำนวนคดีความที่กล่าวหาว่าเว็บไซต์ แอพ และวิดีโอเข้าถึงคนพิการไม่ได้เพิ่มขึ้น 64% ในช่วงครึ่งแรกของปี 2021 เมื่อเทียบกับปี 2020

หลักการสำคัญ 4 ข้อของการออกแบบเว็บที่เข้าถึงได้

แนวทางการเข้าถึงเนื้อหาเว็บถูกจัดระเบียบตามหลักการสี่ประการ:

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

ระดับการเข้าถึง WCAG

การปฏิบัติตามข้อกำหนดการช่วยสำหรับการเข้าถึงมีสามระดับ (A, AA และ AAA) โดยระดับ A เป็นสิ่งที่จำเป็นขั้นต่ำ (ไม่สามารถเข้าถึงได้อย่างเต็มที่) และ AAA เป็นระดับการเข้าถึงที่ปรับให้เหมาะสมที่สุด

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

รายการตรวจสอบการเข้าถึงเว็บไซต์ SaaS 14 จุด

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

• สร้างโครงสร้างส่วนหัว HTML ที่ชัดเจนโดยใช้ H1, H2 ฯลฯ อย่างถูกต้อง
• ทำให้ไฮเปอร์ลิงก์บนเพจใช้งานง่าย:
  • ขีดเส้นใต้ข้อความที่ลิงก์ในบรรทัดและมีสีที่แตกต่างจากเนื้อหาที่เหลือ
  • เขียน anchor text ที่สื่อความหมาย เช่น "ดาวน์โหลดคู่มือการช่วยสำหรับการเข้าถึงฟรีของเรา" แทน "คลิกที่นี่"
• เพิ่มข้อความแสดงแทนคำอธิบายสำหรับรูปภาพและตารางทั้งหมด เพื่อให้เนื้อหานั้นใช้งานได้โดยผู้ที่ใช้เทคโนโลยีอำนวยความสะดวก เช่น โปรแกรมอ่านหน้าจอ
• ตรวจสอบให้แน่ใจว่าคุณมีคำบรรยาย คำบรรยายภาพแบบฝัง หรืออย่างน้อยก็มีการถอดเสียงเป็นข้อความสำหรับเนื้อหาวิดีโอและเสียง
• ใช้สีอย่างระมัดระวัง:
  • มีคอนทราสต์ของสีที่เพียงพอระหว่างองค์ประกอบต่างๆ (เช่น ข้อความและปุ่ม) และพื้นหลัง
  • ตรวจสอบให้แน่ใจว่าไม่ได้ใช้สีเพียงอย่างเดียวในการสื่อสารข้อมูลกับผู้ใช้
  • ใช้รูปแบบหรือพื้นผิวเพื่อระบุความแตกต่างของภาพในแผนภูมิ กราฟ ฯลฯ
• เลือกแบบอักษรที่เข้าถึงได้เพื่อให้อักขระสามารถแยกแยะได้ง่าย และแบบอักษรมีระยะห่างเพียงพอระหว่างตัวอักษร
• ให้ความสามารถในการปรับขนาดข้อความได้อย่างง่ายดายในขณะที่หน้ายังคงทำงานตามที่คาดไว้ในเบราว์เซอร์ทั้งหมด
• ทำให้เว็บไซต์ SaaS ของคุณเป็นมิตรกับแป้นพิมพ์:
  • ตรวจสอบให้แน่ใจว่าทุกส่วนของเว็บไซต์ของคุณสามารถเข้าถึงได้โดยไม่ต้องใช้เมาส์ โดยใช้แป้นคีย์บอร์ดเท่านั้น การดำเนินการทั้งหมดที่สามารถทำได้ด้วยเมาส์จะต้องทำได้ด้วยแป้นพิมพ์ด้วย
  • ให้การนำทางเว็บไซต์ของคุณใช้งานง่ายและรัดกุม รวมถึงหมวดหมู่ที่จำเป็นในเมนู
  • แสดงตัวบ่งชี้โฟกัสที่มองเห็นได้ซึ่งระบุองค์ประกอบที่ใช้งานอยู่ซึ่งผู้ใช้ได้เลือกไว้ในปัจจุบัน
• ทำให้แบบฟอร์มของคุณสามารถเข้าถึงได้:
  • กำหนดขอบเขตและเส้นขอบที่ชัดเจน
  • ติดป้ายกำกับองค์ประกอบแบบฟอร์มของคุณเพื่ออธิบายว่าต้องป้อนข้อมูลใดบ้าง
  • ทำเครื่องหมายฟิลด์แบบฟอร์มที่จำเป็นตามต้องการ
  • ให้ข้อความแสดงข้อผิดพลาดที่เป็นประโยชน์
• สำหรับเพจที่มีการจำกัดเวลา อนุญาตให้ผู้ใช้ปรับการจำกัดหรือปิดได้
• ตรวจสอบให้แน่ใจว่าเนื้อหาข้อความถูกต้องตามหลักไวยากรณ์และเขียนด้วยภาษาธรรมดาเพื่อช่วยให้อ่านเข้าใจได้ง่าย กำหนดคำย่อหรือคำที่ผิดปกติในอภิธานศัพท์
• ไม่มีองค์ประกอบใดๆ บนหน้าที่กะพริบเกินสามครั้งต่อวินาที
• ใช้องค์ประกอบ HTML เชิงความหมายเพื่ออธิบายวัตถุประสงค์ขององค์ประกอบหน้าอย่างมีประสิทธิภาพ
• เผยแพร่คำชี้แจงการช่วยสำหรับการเข้าถึงที่ระบุระดับการช่วยสำหรับการเข้าถึงของบริษัทคุณและความพยายามที่จะบรรลุการปฏิบัติตามข้อกำหนดของ ADA

เครื่องมือประเมินการช่วยสำหรับการเข้าถึงฟรีที่ได้รับการคัดเลือก

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

• WAVE : ชุดเครื่องมือประเมินผลที่ช่วยให้ผู้เขียนทำให้เนื้อหาเว็บของตนสามารถเข้าถึงได้มากขึ้นสำหรับผู้ทุพพลภาพ
• WebAccessibility.com : รับคะแนนการปฏิบัติตาม W3C โดยรวมจาก 100 ดังนั้นคุณสามารถดูได้ว่าเว็บไซต์ SaaS ของคุณสอดคล้องกับ WCAG อย่างไร
• SortSite : ตรวจสอบเว็บไซต์ของคุณกับมาตรฐานการเข้าถึง WCAG และการปฏิบัติตามมาตรา 508 แห่งพระราชบัญญัติการฟื้นฟูสมรรถภาพ โดยจะตรวจสอบการช่วยสำหรับการเข้าถึง ลิงก์ที่ใช้งานไม่ได้ ความเข้ากันได้ของรหัสเบราว์เซอร์ การเพิ่มประสิทธิภาพกลไกค้นหา และปัญหาการใช้งานอื่นๆ
• aCe by accessiBe : เครื่องมือช่วยการเข้าถึงอัตโนมัติเต็มรูปแบบที่ให้คำตอบที่ถูกต้องและทันทีว่าเว็บไซต์ของคุณสอดคล้องกับ ADA & WCAG หรือไม่

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