เว็บไซต์ที่สอดคล้องกับ ADA: การสร้างเว็บไซต์สำหรับผู้ใช้ที่พิการ

เผยแพร่แล้ว: 2016-04-12
หมวดหมู่
ประสบการณ์ผู้ใช้
แพลตฟอร์มดิจิทัล

การปฏิบัติตามข้อกำหนดของ ADA คืออะไร?

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

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

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

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

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

ความท้าทายสำหรับผู้ใช้ที่มีความบกพร่องทางสายตา

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

Facebook-example-mashable

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

ความท้าทายสำหรับผู้ใช้ที่สูญเสียการได้ยิน

วิดีโอที่มีความกว้างของการถอดเสียง =

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

ความท้าทายสำหรับผู้ใช้ที่มีปัญหาทางร่างกาย

ปุ่มขนาดใหญ่สำหรับการใช้งาน

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

ความท้าทายสำหรับผู้ใช้ที่มีปัญหาด้านความรู้ความเข้าใจ

ออกแบบเว็บง่ายๆ

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

กระบวนการออกแบบเว็บไซต์และการปฏิบัติตามข้อกำหนดของ ADA

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

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

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

  • ข้อควรพิจารณาในการใช้งาน
  • ข้อจำกัดของแบบอักษรและสี
  • ข้อกำหนดการเข้ารหัส
  • ความต้องการการประกันคุณภาพและการทดสอบ
  • การพิจารณาเนื้อหา

การจัดตำแหน่ง SEO และ ADA

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

  • รวมข้อความแสดงแทนบนรูปภาพทั้งหมด
  • ลิงก์ควรมีคำอธิบายข้อความ (ไม่ใช่ "คลิกที่นี่")
  • ใช้คำอธิบายข้อความสำหรับวิดีโอทั้งหมด
  • ทำให้ PDF ทั้งหมดพร้อมใช้งานในรูปแบบ HTML ด้วย
  • ใช้ข้อความผีอธิบายสำหรับแบบฟอร์ม

ข้อควรพิจารณาพื้นฐานสำหรับการจัดการการปฏิบัติตามข้อกำหนดของ ADA

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

  • จัดเตรียมไฟล์รูปภาพ วิดีโอ หรือเสียงทั้งหมด และปลั๊กอินด้วยแท็ก alt
  • ใช้คำอธิบายข้อความโดยละเอียดเพื่อประกอบกับกราฟิกที่ซับซ้อน
  • คำอธิบาย Alt ควรอธิบายวัตถุประสงค์ของวัตถุ
  • หากรูปภาพถูกใช้เป็นลิงก์ด้วย แท็ก alt ควรอธิบายกราฟิกและปลายทางของลิงก์
  • ใส่คำบรรยายในวิดีโอ
  • รวมคำอธิบายเสียงและการถอดเสียงเป็นข้อความ
  • สร้างลิงก์ไปยังวิดีโอแทนที่จะฝังลงในหน้าเว็บของคุณ
  • ตารางข้อมูลควรมีการระบุส่วนหัวของคอลัมน์และแถวอย่างเหมาะสมโดยใช้แท็ก
  • เซลล์ตารางควรเชื่อมโยงกับส่วนหัวที่เหมาะสม -กับแอตทริบิวต์ HTML ของรหัส ส่วนหัว ขอบเขต หรือแกน
  • ระบุลิงก์ไปยังหน้าสำหรับผู้ทุพพลภาพที่สามารถดาวน์โหลดปลั๊กอินได้
  • เมื่อการควบคุมแบบฟอร์มเป็นช่องป้อนข้อความ ให้ใช้องค์ประกอบ LABEL
  • ADA ได้สร้างรายการตรวจสอบเพื่อช่วยแนะนำกระบวนการตัดสินใจและการวางแผน แนวทางอื่น ๆ จากสถาบันเพิ่มเติมยังมีให้เพื่อช่วยเป็นมุมมองด้านกฎระเบียบเพื่อให้แน่ใจว่าสามารถเข้าถึงเว็บไซต์ได้ ซึ่งรวมถึงแนวทางการเข้าถึงเนื้อหาเว็บหรือแนวทางเว็บจากมาตรา 508 ของพระราชบัญญัติการฟื้นฟูสมรรถภาพแห่งสหรัฐอเมริกา อย่างไรก็ตาม ไม่มีหน่วยงานกำกับดูแลที่ตรวจสอบเว็บไซต์เป็นประจำเพื่อดูว่าเป็นไปตามมาตรการการปฏิบัติตามหรือไม่ ดังนั้นจึงขึ้นอยู่กับธุรกิจของคุณที่จะตรวจสอบให้แน่ใจว่าคุณกำลังใช้มาตรการที่เหมาะสมเพื่อรองรับผู้ใช้ของคุณ
บล็อกนี้เสียหรือหายไป คุณอาจไม่มีเนื้อหาหรือคุณอาจต้องเปิดใช้งานโมดูลเดิม