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

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

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

การนำทางด้วย Screen Reader สร้างความท้าทายที่เป็นเอกลักษณ์

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

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

แอตทริบิวต์ ARIA (Accessible Rich Internet Applications) เป็นแท็ก HTML ที่ให้ข้อมูลเพิ่มเติมเกี่ยวกับองค์ประกอบของหน้าเว็บแก่เทคโนโลยีช่วยเหลือเช่น Screen Reader

คุณสมบัติการเข้าถึง ARIA สำหรับลิงก์:

  • aria-label: แทนที่ชื่อที่เข้าถึงได้ของลิงก์
  • aria-labelledby: อ้างอิงไปยังองค์ประกอบอื่นที่อธิบายลิงก์
  • aria-describedby: เพิ่มข้อความอธิบายเสริม
  • title: ให้บริบทเพิ่มเติมเมื่อเลื่อนเมาส์ไปชี้ (การสนับสนุน screen reader มีจำกัด)

ประสบการณ์ผู้ใช้ เทียบกับ มาตรฐานการเข้าถึง

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

ตัวอย่าง 'ไม่ดี' ของพวกเขาชัดเจนอย่างยิ่ง ฉันจะคลิกลิงก์และมันจะดาวน์โหลดโดยตรงหรือจะเป็นหน้าดาวน์โหลด ในทางตรงกันข้าม 'Get Amaya!' แนะนำลิงก์ไปยังเว็บไซต์ Amaya ไม่ใช่หน้าดาวน์โหลด

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

แนวทาง W3C สำหรับข้อความลิงก์ที่แนะนำ:

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

การออกแบบเว็บสมัยใหม่ทำให้กฎเกณฑ์แบบดั้งเดิมซับซ้อนขึ้น

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

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

ตัวอย่างข้อความลิงก์ทางเลือก:

การปฏิบัติที่ไม่ดี การปฏิบัติที่ดีกว่า การปฏิบัติที่ดีที่สุด
คลิกที่นี่ Amaya ดาวน์โหลด Amaya
คลิกที่นี่เพื่อเรียนรู้เพิ่มเติม บอกฉันเพิ่มเติม เรียนรู้เพิ่มเติมเกี่ยวกับ Amaya
ไปที่เว็บไซต์ เว็บไซต์ Amaya เยี่ยมชมหน้าแรกของ Amaya

การหาจุดกึ่งกลางผ่านการนำไปใช้ที่ดีกว่า

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

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

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

อ้างอิง: Don't use click here as link text