เว็บไซต์ของคุณสอดคล้องกับ ADA หรือไม่ รายการตรวจสอบที่ดีที่สุด

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

เทคโนโลยีเป็นไปตามกฎหมายตามที่กระทรวงยุติธรรมของสหรัฐอเมริกา (DOJ) ออกคำสั่งกับ Americans with Disabilities Act (ADA) ว่าเทคโนโลยีดิจิทัลทั้งหมดต้องสามารถเข้าถึงได้ง่ายสำหรับผู้ทุพพลภาพ

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

ขณะนี้ การปฏิบัติตามข้อกำหนดของ ADA ได้ขยายไปยังเว็บไซต์ต่างๆ โดยกระทรวงยุติธรรมสหรัฐฯ มักอ้างถึง Web Content Accessibility Guidelines (WCAG) 2.0

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

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

สิ่งนี้หมายความว่า?

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

ตัวอย่างเช่น แบบอักษรหรือสีที่มองเห็นได้ยากอาจเลือกปฏิบัติต่อผู้ที่มีความบกพร่องทางสายตา ADA ห้ามการปฏิบัติดังกล่าว

ทำไมเว็บไซต์ของคุณต้องสอดคล้องกับ ADA?

มีประโยชน์หลายประการของไซต์ที่สอดคล้องกับ ADA ตรวจสอบพวกเขา:

1. หลีกเลี่ยงบทลงโทษ

นี่เป็นประโยชน์อันดับแรกของการปฏิบัติตามกฎระเบียบของ ADA หากคุณไม่ผ่านเกณฑ์ คุณจะเสี่ยงต่อการถูกฟ้องร้องดำเนินคดีทางแพ่ง อันที่จริงแล้ว แบรนด์ที่มีชื่อเสียงมากมาย เช่น Brooks Brothers, Foot Locker, Kylie Jenner และ Fordham University ถูกฟ้องเนื่องจากไม่มีเว็บไซต์ที่สอดคล้องกับ ADA (ที่มา: CWS)

2. เพิ่มกลุ่มเป้าหมาย

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

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

3. ปรับปรุงความพยายาม SEO

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

นั่นคือเหตุผลที่ควรพิจารณาการติดแท็กเมตา การถอดเสียงวิดีโอ และข้อความแสดงแทนอย่างจริงจัง

4. เพิ่มชื่อเสียง

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

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

จะปรับปรุงการช่วยสำหรับการเข้าถึงได้อย่างไร

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

  • แบบอักษร

ข้อความเป็นองค์ประกอบสำคัญในการเข้าถึงเว็บ ดังนั้น สิ่งสำคัญคือต้องใส่ใจกับแบบอักษร แบบอักษรที่เป็นมิตรกับ ADA บางแบบ ได้แก่ Tahoma, Calibri, Arial, Times New Roman, Helvetica และ Verdana

  • ความคมชัดของสี

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

การเลือกสีข้อความก็มีความสำคัญเช่นกัน โดยเฉพาะอย่างยิ่ง คุณควรงดเว้นการใช้สีข้อความเพื่อสื่อความหมายใดๆ

  • ขนาดตัวอักษร

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

  • การช่วยการเข้าถึงคีย์บอร์ด

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

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

  • ข้อความแสดงแทน

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

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

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

  • ข้อความไฮเปอร์ลิงก์

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

สำหรับผู้ที่สายตาปกติ ไฮเปอร์ลิงก์มักระบุด้วยสีเฉพาะ (โดยปกติคือสีน้ำเงินสำหรับลิงก์มาตรฐาน และสีม่วงสำหรับลิงก์ที่เข้าชม)

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

สิ่งที่ต้องทำ

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

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

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

บทสรุป

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

มีอะไรที่จะแบ่งปัน? เราทุกคนเป็นตา! รู้สึกอิสระที่จะแสดงความคิดเห็นด้านล่าง